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

Posted tutu-binbin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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之前 初始化就好了


以上是关于wangEditor2版本 上传图片成功 回显失败处理的主要内容,如果未能解决你的问题,请参考以下文章

vue+vant webApp图片上传和编辑时图片回显

vue+vant webApp图片上传和编辑时图片回显

SpringBoot整合Markdown实现图片上传和图片再次回显(详细步骤)

SpringBoot整合Markdown实现图片上传和图片再次回显(详细步骤)

SpringBoot整合Markdown实现图片上传和图片再次回显(详细步骤)

elementUI使用el-upload上传文件写法总结及避坑,上传图片/视频到本地/服务器以及回显+删除