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之前 初始化就好了

原文地址:https://www.cnblogs.com/tutu-binbin/p/9303649.html

时间: 2024-10-14 17:14:05

wangEditor2版本 上传图片成功 回显失败处理的相关文章

使用Dropzone上传图片及回显演示样例

一.图片上传所涉及到的问题 1.HTML页面中引入这么一段代码 <div class="row"> <div class="col-md-12"> <form dropzone2 class="dropzone" enctype="multipart/form-data" method="post"></form> </div> </div&

使用Dropzone上传图片及回显示例

一.图片上传所涉及到的问题 1.HTML页面中引入这么一段代码 <div class="row"> <div class="col-md-12"> <form dropzone2 class="dropzone" enctype="multipart/form-data" method="post"></form> </div> </div&

Ajax简单异步上传图片并回显

前台代码 上传图片按钮 <a href="javascript:void(0)" onclick="uploadPhoto()">选择图片</a> 隐藏的文件选择器 <input type="file" id="photoFile" style="display: none;" onchange="upload()"> 图片预览 <img id=

spring mvc 数据回显

1.spring mvc自动将传入的pojo数据存入request域 request中的key是该pojo类名,首字母小写. JSP controller 第一次访问user.jsp 填写表单 点击提交后. 2.@ModelAttribute a.可以制定spring mvc自动传入的pojo的可以.接上面例子,如下. jsp controller b.将方法的返回值到request域 在访问这个controller的mapping的时,会将@Mapping方法的返回值放在request域 以下

ueditor1.4.3jsp版成功上传图片后却回显不出来与在线管理显示不出图片的解决方案

这是因为路径问题,可以在jsp/config.json这个文件去改路径 通过“imageUrlPrefix”与“imagePathFormat”这两个属性去拼凑路径. “imageUrlPrefix”是前缀的意思 如:我遇到的问题是图片回显地址为: http://localhost:8080/ueditor/jsp/upload/image/...... 而正确的地址是: http://localhost:8080/Spring_3100_Registration_9_bootstrap/ued

上传图片至fastdfs分布式文件系统并回显

事件,当我们浏览完图片选中一张时,触发onchange事件将图片上传到服务器并回显. 1 <img width="100" height="100" id="allUrl" src="${brand.imgUrl }"/> 2 <input type="hidden" name="imgUrl" id="imgUrl" value="${b

Python网络编程——编写一个简单的回显客户端/服务器应用

今天将python中socket模块的基本API学习完后,照着书上的实例编写一个套接字服务器和客户端.采用python3.5版本,在注释中会标明python2和python3的不同之处. 1.代码 (1)服务器端及对应代码解释 1 # ! /usr/bin/env python 2 # -*- coding: utf-8 -*- 3 # 编写回显服务器 4 5 import socket 6 import sys 7 import argparse 8 9 # 定义常量 10 host = 'l

图片上传并回显后端篇

图片上传并回显后端篇 我们先看一下效果 继上一篇的图片上传和回显,我们来实战一下图片上传的整个过程,今天我们将打通前后端,我们来真实的了解一下,我们上传的文件,是以什么样的形式上传到服务器,难道也是一张图片?等下我们来揭晓 我们在实战开始前呢,我们先做一下准备工作,比如新建一个java web工程,如果你不懂这个的话,那我建议你先学一下Javaweb,可以去我的公众号找一下这方面的教程.我们就给我们的工程起名为UpImg,我们再给他建一个web包和util包,再把我们以前前端做的图片回显的代码拷

基于错误回显的sql注入整理

由于复习,停了好几天,今天换换模式做了一下关于错误回显的ctf题目,首先附上题目:here 整理了一下网上的一些关于错误回显的方法,在这里就不带上地址了,请大牛们原谅:P 0x00 关于错误回显 用我自己的话来讲,基于错误回显的sql注入就是通过sql语句的矛盾性来使数据被回显到页面上(当然在实际应用中得能回显在页面上,一般的网站都回避免这种情况,哈哈,要是能碰上你就偷着乐吧). 0x01  用于错误回显的sql语句(下面的函数撸主只在mysql下试过也能成功,其他数据库有待考证,待有实例的时候