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

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

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

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

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

fns.myOnload&&fns.myOnload(resultText)

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

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

复制代码
1
2
3
if(_wangEditorUploadFileIndexOk == _wangEditorUploadFiles.length){ editor.command(null, 'insertHtml', _wangEditorUploadFileHtmls.join('')); }

 然后找到这个变量的定义

复制代码
1
2
3
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];
复制代码
1
2
3
4
5
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版本内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部