wangEditor2版本上传图片成功回显失败处理/错误回显处理

最新推荐文章于 2024-08-23 12:03:52 发布

转载最新推荐文章于 2024-08-23 12:03:52 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tutu-binbin/p/9303649.html

文章标签：

#javascript #前端 #c# #ViewUI

本文针对 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