解决Ueditor多图批量上传的时候,显示顺序和上传不一致问题

如何解决Ueditor多图批量上传的时候,显示顺序和上传不一致问题。

问题分析

我们使用ueditor多图上传的时候,选择的图片顺序和上传后的图片顺序发生了改变。遇到这个问题应该怎么解决?主要原因是因为  ueditor前端上传模块统一改用webuploader,而webuploader是多线程上传的,ueditor对“uploadSuccess”的处理是上传成功一张,就加入到数组中,这样如果靠后图片比较少并且上传快的就会先加入队例,所以上传后我们看到图片顺序和我们选择的不一致。

不多说,直接上解决方案。

解决方案

步骤1、修改 attachment.js 

文件路径:editor/dialogs/attachment/attachment.js
将 _this.fileList.push(json); 修改为_this.fileList[$file.index()] = json;

修改attachment.js-1

考虑上传失败的情况,加上一个判断,避免在上传失败后,数组中出现undefined项

修改attachment.js-2

步骤2、修改image.js

文件路径:editor/dialogs/image/image.js
将 _this.imageList.push(json); 修改为_this.imageList[$file.index()] = json;

修改image.js-1

考虑上传失败的情况,加上一个判断,避免在上传失败后,数组中出现undefined项

修改image.js-2文章来源地址https://www.toymoban.com/diary/apps/689.html

到此这篇关于解决Ueditor多图批量上传的时候,显示顺序和上传不一致问题的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/apps/689.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
如何在HTML中缩进,Html缩进的多种方式
上一篇 2024年01月13日 13:58
如何使用前端实现 SVG 转 PNG
下一篇 2024年01月15日 10:16

相关文章

  • 百度富文本Ueditor视频上传不显示,不能播放解决方案

    目录 问题:上次视频不显示 第一:找到 ueditor.config.js 这个文件,大概在365行这 个 whitList 属性 第二 、找到ueditor.all.js 这文件  ,搜索这个me.commands[\\\"insertvideo\\\"] 方法,大概在17780行;找到 第三:在ueditor.all.js 这文件找到 me.commands[\\\"insertvideo\\\"] 方法,大概在17780行;找到:注

    2024年02月13日
    浏览(55)
  • 【问题解决】ElasticSearch分页查询时数据顺序错乱/不一致的问题

    问题描述: 使用ElasticSearch分页查询时,每次输入同样的分页参数以及查询条件,得到的结果不一致的问题。 问题分析: ElasticSearch中索引可能是由多个分片构成的,并且每个分片可能拥有多个副本,其对应的设置时索引建立时的设置。 number_of_shards:索引拥有多少个分片 n

    2024年02月02日
    浏览(49)
  • UEditor配置后端上传图片

     🔥 博客主页 : 破浪前进 🔖 系列专栏 : Vue、React、PHP ❤️ 感谢大家点赞👍收藏⭐评论✍️ 接口:

    2024年02月06日
    浏览(46)
  • Ueditor编辑器任意文件上传漏洞

    UEditor是一款所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点,被广大WEB应用程序所使用。本次爆出的高危漏洞属于.NET版本,其它的版本暂时不受影响。漏洞成因是在抓取远程数据源的时候未对文件后缀名做验证导致任意文件写入漏洞,黑客利用此

    2024年01月21日
    浏览(49)
  • Ueditor上传图片自动添加水印(通用图片文件)

    1、找到config.json,在配置文件中新增水印效果  2、找到php目录下的 action_uploads.php 文件 3、找到php同级目录下的类 uploadser.class.php    注意:以上代码会提示一个错误 imagealphablending() expects parameter 1 to be resource imagesavealpha() expects parameter 1 to be resource 在这个位置: 这个错误是因

    2024年02月12日
    浏览(45)
  • 解决在使用 Elasticsearch(ES)多线程批量操作时导致并发一致性的问题!!

    先说一下什么是数据库数据库中 并发一致性 问题! 1、在并发环境下,事务的隔离性很难保证,因此会出现很多并发一致性问题。 数据丢失 T1 和 T2 两个事务都对一个数据进行修改,T1 先修改,T2 随后修改,T2 的修改覆盖了 T1 的修改。 读脏数据 T1 修改一个数据,T2 随后读取

    2024年02月04日
    浏览(47)
  • 阿桂天山的技术小结:Flask+UEditor实现图片文件上传富文本编辑

    话不多说,有图有源码 先看效果:  1.前端html页面index.html 2.后端ueditor.py执行文件( 这个非常重要 ) 3.路径配置文件config.py 4.启动运行程序appstart.py 特殊强调 :路径蓝图,必须指向ueditor( 这个非常非常非常重要,否则前端会报错 ),放在app执行文件中 5)最后整个工程文件树:    希望你

    2024年02月11日
    浏览(48)
  • 百度ueditor如何能实现直接粘贴把图片上传到服务器中

    1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.wan

    2024年02月04日
    浏览(61)
  • 实战纪实 | 编辑器漏洞之Ueditor-任意文件上传漏洞 (老洞新谈)

    前言 前段时间在做某政府单位的项目的时候发现存在该漏洞,虽然是一个老洞,但这也是容易被忽视,且能快速拿到shell的漏洞,在利用方式上有一些不一样的心得,希望能帮助到一些还不太了解的小伙伴,故此写了此篇文章。 1.1 漏洞描述 Ueditor是百度开发的一个网站编辑器

    2024年04月26日
    浏览(36)
  • UEditor富文本编辑器上传图片打不开,提示“后端配置项没有正常加载,上传插件不能正常使用”

    1、安装 npm install vue-ueditor-wrap 2、下载所需资源 这一步在解决报错的时候会用到 👉👉👉👉👉 UEditor资源下载链接 上面的打不开请从下面链接下载项目 ueditor-download: vue项目中集成ueditor的UE资源 3、下载完成后将文件夹放到public文件夹下 4、 配置ueditor.config.js,并且在main.j

    2024年02月13日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包