概述
使用 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之前 初始化就好了
所以在这个for之前 初始化就好了
再续 19-05-07
发现 驱蚊水详情4.19_01 和 驱蚊水详情4.19_02 2张图片上传
回显是同一张 发现他是通过editor.uploadImgOriginalName来判断的
而editor.uploadImgOriginalName是截取的fileName.split('.')[0];
发现 驱蚊水详情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版本 上传图片成功 回显失败处理/错误回显处理所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复