如果想自定義控制圖片上傳完成、失敗、超時時的操作，可通過配置 `editor.config.uploadImgFns.onload` `editor.config.uploadImgFns.ontimeout` `editor.config.uploadImgFns.onerror` 三個事件來自定義。 另外，在自定義的上傳事件中，可通過`editor.uploadImgOriginalName`來獲取圖片名稱（例如用作`<img>`的`alt`屬性），注意看代碼注釋。 **注意，`ontimeout`和`onerror`兩個事件在IE8、9下不起作用** ---- 代碼示例如下： ```html <div id="div1"> <p>請輸入內容...</p> </div> <!--這里引用jquery和wangEditor.js--> <script type="text/javascript"> var editor = new wangEditor('div1'); // 自定義load事件 editor.config.uploadImgFns.onload = function (resultText, xhr) { // resultText 服務器端返回的text // xhr 是 xmlHttpRequest 對象，IE8、9中不支持 // 上傳圖片時，已經將圖片的名字存在 editor.uploadImgOriginalName var originalName = editor.uploadImgOriginalName || ''; // 如果 resultText 是圖片的url地址，可以這樣插入圖片： editor.command(null, 'insertHtml', '<img src="' + resultText + '" alt="' + originalName + '" style="max-width:100%;"/>'); // 如果不想要 img 的 max-width 樣式，也可以這樣插入： // editor.command(null, 'InsertImage', resultText); }; // 自定義timeout事件 editor.config.uploadImgFns.ontimeout = function (xhr) { // xhr 是 xmlHttpRequest 對象，IE8、9中不支持 alert('上傳超時'); }; // 自定義error事件 editor.config.uploadImgFns.onerror = function (xhr) { // xhr 是 xmlHttpRequest 對象，IE8、9中不支持 alert('上傳錯誤'); }; editor.create(); </script> ``` ---- 以下代碼，是wangEditor.js中定義的。**僅供參考，請勿直接復制粘貼來用**。 ```js var editor = this; var fns = editor.config.uploadImgFns; // editor.config.uploadImgFns = {} 在config文件中定義了 // -------- 插入圖片的方法 -------- function insertImg(src) { var img = document.createElement('img'); img.onload = function () { var html = '<img src="' + src + '" style="max-width:100%;"/>'; editor.command(null, 'insertHtml', html); E.log('已插入圖片，地址 ' + src); img = null; }; img.onerror = function () { E.error('使用返回的結果獲取圖片，發生錯誤。請確認以下結果是否正確：' + src); img = null; }; img.src = src; } // -------- 定義load函數 -------- fns.onload || (fns.onload = function (resultText, xhr) { E.log('上傳結束，返回結果為 ' + resultText); if (resultText.indexOf('error|') === 0) { // 提示錯誤 E.warn('上傳失敗：' + resultText.split('|')[1]); alert(resultText.split('|')[1]); } else { E.log('上傳成功，即將插入編輯區域，結果為：' + resultText); // 將結果插入編輯器 insertImg(resultText); } }); // -------- 定義tiemout函數 -------- fns.ontimeout || (fns.ontimeout = function (xhr) { E.error('上傳圖片超時'); alert('上傳圖片超時'); }); // -------- 定義error函數 -------- fns.onerror || (fns.onerror = function (xhr) { E.error('上傳上圖片發生錯誤'); alert('上傳上圖片發生錯誤'); }); ```