wangEditor——圖片上傳失敗提示

wangEditor 官網自定義上傳事件：https://www.kancloud.cn/wangfupeng/wangeditor2/123689

聲明：我用的wangEditor版本是2.1.23

 

js:

var editor = new wangEditor('div1');
// 普通的自定義菜單
editor.config.menus = [
        　　···
];
// 上傳圖片
editor.config.uploadImgUrl = '***';
editor.config.uploadImgFileName = '***';
// 自定義load事件
editor.config.uploadImgFns.onload = function (resultText, xhr) { //不知道是不是因為后台沒有返回error，我的圖片上傳只進入onload方法，我用的谷歌瀏覽器 // resultText 服務器端返回的text
  // xhr 是 xmlHttpRequest 對象，IE8、9中不支持
        
  // 上傳圖片時，已經將圖片的名字存在 editor.uploadImgOriginalName
  var originalName = editor1.uploadImgOriginalName || '';  
        
　if(resultText == '0'){  //這個判斷取決於后端返回怎樣的數據，針對個人情況修改 alert('圖片上傳失敗');
  }
  // 如果 resultText 是圖片的url地址，可以這樣插入圖片：
  editor.command(null, 'insertHtml', '<img src="' + resultText + '" alt="' + originalName + '" style="max-width:100%;"/>'); //editor插入HTML

　//如果是vue懶加載的話需要加上data-src屬性，否則會加載失敗　  
  //editor.command(null, 'insertHtml', '<img data-src="'+ resultText + '" src="' + resultText + '" alt="' + originalName + '" style="max-width:100%;"/>'); //editor插入HTML

};
    
editor.create();