ueditor單圖片上傳沒有觸發afterinsertimage事件
在一個開發過程中,想在圖片上傳後呼叫一些業務,在選擇多圖片上傳的時候可以順利呼叫,但是選擇單圖片上傳的時候並不能呼叫到afterinsertimage事件
在網上沒能找到合適的解決辦法,只能聽著別人的建議去看看ueditor.all.js,在這個檔案中單圖片上傳會觸發simpleupload:
在上傳完圖片後會先顯示一個在“轉菊花”的loding圖示:
最後上傳後再通過回撥函式,使圖片顯示在編輯框中
可以看到替換圖片後並沒有觸發afterinsertimage事件,而文件中程式碼執行到上圖的時候已經是一個動作執行週期的結束,所以在
domUtils.removeClasses(loader, 'loadingclass');程式碼執行後(在文件裡搜尋即可找到),呼叫fireEvent函式觸發該事件就可以了。(me.fireEvent('simpleupload');)
fireEvent函式也可通過在第二個函式傳出檔案引數,但simpleupload裡並沒有獲取file物件,所以只能再程式碼中自行拼湊了。
這是本人在工作中遇到的一個小問題,希望對需要的人有幫助,有哪裡錯誤也歡迎指教。
相關推薦
ueditor單圖片上傳沒有觸發afterinsertimage事件
在一個開發過程中,想在圖片上傳後呼叫一些業務,在選擇多圖片上傳的時候可以順利呼叫,但是選擇單圖片上傳的時候並不能呼叫到afterinsertimage事件 在網上沒能找到合適的解決辦法,只能聽著別人的建議去看看ueditor.all.js,在這個檔案中單圖片上傳會觸發s
百度UEditor呼叫單圖片上傳功能的解決方法
做了個文章編輯頁面,用了百度的UEditor,文章編輯上傳圖片毫無問題,但是封面圖上傳又開始頭疼了,想呼叫UEditor那個單圖片上傳的按鈕功能,但是js這塊實在沒深入研究過,先放下,找找網上可否有解決方案,方案倒是有,但基本都是出自同一源頭,方法都是再建立一個
修改Ueditor的圖片上傳地址
默認 baidu rfi insert order editor compress 圖片 時間 文件地址:ueditro/php/config.json /* 前後端通信相關的配置,註釋只允許使用多行方式 */ { /* 上傳圖片配置項 */ "image
thinkphp 多圖片上傳 單圖片上傳
http json 多圖片上傳 模板 tar err ram mbo htm 不管是單圖片上傳還是多圖片上傳都必須要引用這兩個js 下載地址 鏈接:http://pan.baidu.com/s/1eStkUt0 密碼:asvo <script src="Public
單圖片上傳
i++ pts ugc bus enc bbr aes num jdb 圖片上傳單個圖片樣式 上面的效果 所使用的js 點擊文件上傳之後進行新增保存的時候,先上傳圖片至文件夾,之後進行數據保存, controller後臺實現代碼這裏是上傳,新增保存的方法就不寫了
form表單圖片上傳
1、前端頁面 <div class="tkDiv" id="addLOGO" style="display:none;z-index:12;width:800px;height:auto;margin-left:-400px;margin-top: -160px"> &l
SpringMVC單圖片上傳至資料庫和回顯
在登入時上傳一個圖片以及回顯。之前,需要匯入兩個jar包:commons-fileupload-1.3.1和commons-io-2.4。 Index.jsp頁面: 一定要寫 enctype="multipart/form-data",否則springmvc就會解析失敗。
jquery.fileupload.js外掛使用初探--單圖片上傳預覽
一、官方外掛下載地址:http://plugins.jquery.com/blueimp-file-upload/ 下載下來後會發現裡面包含了一堆檔案,首先需要弄清楚的是最核心的部分是哪些,根據官方的例子可以知道,一個最簡單的jQuery File Uplo
第三方外掛的引用(1) : SSM,springboot 引入ueditor及圖片上傳阿里雲OS和展示
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional/
百度Ueditor多圖片上傳控制元件
發現百度的Ueditor富文字編輯器中的多圖片上傳控制元件很不錯,於是便想著分享出來使用,費了老勁,少不了無名朋友的幫助,也查了不少資料,終於搞定了 發程式碼給大家,請大家多多指正 1.首先要在html頁面中新增對ueditor的指令碼引用 <script
ASP.NET 多/單 圖片上傳
前端暫時用layer框架: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html>
summernote的使用,及單圖片上傳
summernote是一款不錯的文字編輯器,樓主也是剛剛用,目前用到的就是文字和圖片直接上程式碼了<div id="summernote"></div> 這個是html程式碼,下面就是初始化和圖片上傳應用的程式碼 //富文字編輯器初始化 $('
uploadify外掛單圖片上傳
Route::any('upload', '[email protected]'); /////////////////////////////////////////////////////////////////////////////////////////
百度ueditor的圖片上傳,前後端交互使用
插件 request 刪掉 rem con inner 頁面 prefix 文件目錄 百度ueditor的使用 一個文本編輯器,看了網上很多文檔寫的很亂,這裏拾人牙慧,整理下怎麽使用。 這個東西如果不涉及到圖片附件上傳,其實很簡單,就是幾個前端文件,直接引用,然後配置下
在jsp頁面中新增富文字編譯器(ueditor)+ 圖片上傳功能
一次老大讓我把文字的編輯區域加一個富文字編譯器,於是馬上下載了一個kindEditor來試試,但後來老大推薦說百度的ueditor編譯器不錯,於是我便懷著擴充套件知識,又學到一個新東西的心理下載了百度的ueidtor編譯器,整合到專案中感覺確實不錯,今天就和大家分享下這個富文字編譯器的使用…… 下載
ueditor單圖片(simpleupload)上傳,設置其 width:100%,height:auto。以適應各種屏幕大小顯示
適應 () 技術 width png 屏幕大小 bsp 代碼 操作 打開ueditor.all.js,按下圖操作(修改後註意清緩存): 附上待搜索的關鍵字:function callback() 附上代碼 loader.setAttribute(‘width‘
關於ajaxFileUpload圖片上傳,success和error都觸發的情況
圖片 跨域 插件 for 函數 over type secure 輸出 最近做到項目使用JQuery的插件ajaxFileUpload~~~ 遇到了非常領人匪夷所思的事情,當圖片上傳成功之後呢(success),它的error事件也被觸發了,情況就是: 後端數據正
使用Ueditor點擊上傳圖片時顯示延遲的問題
題解 項目 通過 多圖上傳 data- 結合 min input 答案 最近在做一個項目,需要用到Ueditor,但是在點擊上傳圖片的時候,總是隔了4-5秒才顯示文件框 查了一些資料,最後發現,只需在 修改:(1) dialog/images/image.js 把
百度編輯器UEditor 點擊上傳圖片選擇框會延遲幾秒才會顯示 反應很慢(轉)
php 編輯 ued 效果 all edit www. 上傳 min 轉自:http://www.blogxuan.com/php/show/323.html UEditor 編輯器點擊上傳文件選擇框會延遲幾秒才會顯示,反應很慢,上傳圖片選擇框顯示很慢。 1、uedit
C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片
sync ext syn data .... error post req 序列化 1、html代碼: <form id="postForm"> 文件名:<input type="text" name="filename" />