我是靠谱客的博主 哭泣篮球,最近开发中收集的这篇文章主要介绍wangEditor2版本 上传图片成功 回显失败处理/错误回显处理,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

使用 wangEditor2 来做文本编辑器 主要给业务人员上传图片

后面又业务人员反映 上传图片  图片没有办法显示

第一次判断为是上传出错  导致图片回显失败
查看IP 发现有onload 方法,调用后发现 写这个方法 会吧原来的整体覆盖 而我只需要增加失败提示

则在onloadf方法下 添加一下代码 多传一个function 做自己的请求提示

fns.myOnload&&fns.myOnload(resultText)

后来业务人员反映 还是会出现这个问题  主要操作 先上传9张图片 删除后 在添加7张 则无法显示

通过打印测试 发现 _wangEditorUploadFiles.length=9; 是之前的值 应该是这个引起的

 if(_wangEditorUploadFileIndexOk == _wangEditorUploadFiles.length){
editor.command(null, 'insertHtml', _wangEditorUploadFileHtmls.join(''));
}

 然后找到这个变量的定义

for(var _i = 0;_i<files.length;_i++){
_wangEditorUploadFiles[_i] = files[_i];
}

再次上传时候 没有初始化变量值导致的 

_wangEditorUploadFiles=[];
所以在这个for之前 初始化就好了
 
再续  19-05-07

发现 驱蚊水详情4.19_01 和 驱蚊水详情4.19_02 2张图片上传 
回显是同一张  发现他是通过editor.uploadImgOriginalName来判断的
而editor.uploadImgOriginalName是截取的fileName.split('.')[0];
 if (fileName.indexOf('.') > 0) {
var newData=fileName.split('.');
newData.pop()
editor.uploadImgOriginalName =newData.join('.');
}
改正这样 就可以正常回显了

转载于:https://www.cnblogs.com/tutu-binbin/p/9303649.html

最后

以上就是哭泣篮球为你收集整理的wangEditor2版本 上传图片成功 回显失败处理/错误回显处理的全部内容,希望文章能够帮你解决wangEditor2版本 上传图片成功 回显失败处理/错误回显处理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部