解决ueditor多图片批量上传 顺序混乱问题

最新推荐文章于 2024-06-25 09:02:21 发布
最新推荐文章于 2024-06-25 09:02:21 发布
阅读量6.7k 收藏 2
点赞数 1
分类专栏： js 文章标签： ueditor 百度富文本编辑器 图片上传顺序混乱
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33157666/article/details/79584365
版权
针对ueditor使用webuploader多图上传时出现的顺序混乱问题，本文提出了解决方案。通过修改image.js和attachment.js文件，将push方法改为根据文件索引插入，确保图片和附件按上传顺序正确显示。
摘要由CSDN通过智能技术生成

目的：解决ueditor多图片批量上传 顺序混乱问题

一、问题：

    ueditor在进行多图上传时，会出现图片书序错乱的问题。

二、原因：

    ueditor自从1.4.2版以后，前端上传模块统一改用webuploader，而webuploader是多线程上传的，ueditor对“uploadSuccess”的处理是上传成功一张，就加入到数组中，这样如果靠后图片很小&#

最低0.47元/天 解锁文章
幸福棒棒糖__fxx
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
百度编辑器批量选择图片上传成功后，按照选择的顺序进行排列
宋小羽
10-23 533
在dialogs/image/image.js文件中 // 722行 if (json.state == 'SUCCESS') { _this.imageList[$file.index()] = json; // 修改这里：按选择好的文件列表顺序存储 } // 769行 getInsertList: function () { var i, data, list = [], align = getAlign(), prefix = editor.getOpt('imageUrlPrefix
(转)ueditor使用webuploader以后多图上传后顺序乱掉问题解决方法
huihuangjiuai的专栏
07-16 3135
原文网址：http://canlynet.iteye.com/blog/2155856 我上一个版本用的是ueditor1.3.6，自从1.4.2版以后，“前端上传模块统一改用webuploader”，ueditor在多图上传一直考虑漏掉了图片顺序的问题。 我的网站在用户上传图片文章的时候，使用多图上传，点确认后，编辑框内的图片顺序是乱的。 看webuploader的问题在于多线程上传，
java并发富文本编辑器多线程_百度编辑器 多图片批量上传 顺序混乱问题 ueditor...
weixin_39636057的博客
03-01 223
我上一个版本用的是ueditor1.3.6，自从1.4.2版以后，“前端上传模块统一改用webuploader”，ueditor在多图上传一直考虑漏掉了图片顺序的问题。我的网站在用户上传图片文章的时候，使用多图上传，点确认后，编辑框内的图片顺序是乱的。看webuploader的问题在于多线程上传，ueditor对“uploadSuccess”的处理是上传成功一张，就加入到数组中，这样如果图片上传完...
百度富文本编辑器UEDITOR配置及功能实现详解
最新发布
alisky119的博客
06-25 3205
FEX - FEX批量粘贴效果：自动替换编辑器中的图片地址：在上传多张图片时非常方便，也非常高效。图片保存路径：常见问题：1.为什么整合到项目中图片无法上传？可能原因：可能上传页面有登陆验证，上传时没有添加SESSION信息，导致上传失败。可在上传页面增加SESSION参数。2.整合后无法粘贴图片ueditor整合后无法粘贴图片WordPaster2-订阅版-2023.pdfWordPaster2-政企版-2024.pdfWordPaster2-年费版-2023.pdf。
解决wangeditor+oss 批量上传图片顺序不对问题
just路人周
12-17 883
两个组件 “wangeditor”: “^4.7.5”, “ali-oss”: “^6.7.0” 放入package.json cnpm install <div id="weditor"></div> import E from 'wangeditor' import OSS from 'ali-oss' export default { data() { return { editor: '', } }, mounted() {
uedtior富文本多图上传顺序问题解决
whan的博客
05-19 522
这个问题需要修改编辑器的源码，下面是多图上传的文件位置 修改的内容 注释掉原来的，换成 _this.imageList[file.id.replace('WU_FILE_','')] = json; 还有多文件上传的也一样 根据ueditor的版本不同，数组的下标获取可能也不同，所以还需要自己去判断获取上传文件是第几个 ...
UEditor多图上传时图片乱序，或偶尔丢失问题解决
进阶之旅
05-17 1077
百度的UEditor的多图上传功能对有大量图片同时上传的需求者来说，无疑是非常方便的，但在使用过程中发现两个ＢＵＧ。１.上传成功插入图片时，偶尔会乱顺，没有按照选择图片时的顺序插入。２.插入图片后，图片偶有丢失情况，视图中，丢失的图片位置则显示下一张图片。ＢＵＧ解决如下：１的原因，是上传成功后，则加入插入列表队列，但图片大小不同，由于上传线程是并行的，所以，靠后的图片如果很小，上传就很快，以至先加...
VUE + UEditor 单图片跨域上传功能的实现方法
08-28
VUE + UEditor 单图片跨域上传功能的实现方法 VUE + UEditor 单图片跨域上传功能的实现方法是前端开发中一个常见的需求， especially when working with Vue.js and UEditor. 在这篇文章中，我们将介绍如何实现 VUE...
ueditor上传图片配置
12-28
【标题】"ueditor上传图片配置"涉及到的是在SpringBoot框架下集成并配置ueditor，以便实现用户在编辑器中上传图片的功能。ueditor是一款流行的富文本编辑器，它提供了丰富的在线编辑功能，包括文字编辑、图片上传、...
解决Vue使用UEditor百度编辑器，上传图片服务配置问题（源码）
01-05
以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中，根据项目需求调整配置，并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件，你可以在Vue项目中轻松集成并定制UEditor，...
ueditor自定义图片上传
11-30
本篇文章将深入探讨如何解决ueditor上传图片时的跨域问题以及如何自定义图片上传插件。 首先，我们要理解什么是跨域（CORS）。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时，如果两个域不相同，则...
ueditor，上传的图片都和第一个一样
zxp_smile的博客
06-29 194
config.json，里的文件的保存路径重名： "imagePathFormat": "/uploads/{yyyy}{mm}{dd}/", /* 上传保存路径,可以自定义保存路径和文件名格式 */ 改为： "imagePathFormat": "/uploads/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ ...
多图上传以及多图排序的方法及流程详解
空白_回忆的博客
03-02 1万+
多图上传以及多图排序的方法及流程详解所用插件包打包下载CSDN地址：点这里1、选择多图上传插件：pluploader.full.min.js（此插件经过试用非常好用，比百度的webuploader好用太多，但是需要翻墙下载，为了大家方便，上面包里都有）2、用户选择多张图以后，该插件按队列，自动用ajax单张上传3、服务器端使用单张图片处理操作即可，保存完毕后返回一个图片在服务器的地址4、前端js在该
webuploader上传(上传顺序可调整)
germy2的专栏
02-25 2794
1.需求 多图片上传,用户自己设置上传图片的顺序 2. 参考 webuploader上传遇到的问题 webuploader 上传插件（根据官方做了小改） 3. 上代码 &lt;%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%&gt; &lt;%@ taglib uri="...
抠出UEditor中的图片多张上传功能
penglu123456的专栏
11-29 1003
第一步：需要在项目里面引入ueditor文件夹（其实图片上传有用的是下面几个部分） 第二步：建立一个测试的html文件。 在文件中引入jquery-1.7.2.min.js、editor_config.js、editor_all.js 三个文件 第三步：使用 参数赋值 对于如果使用Struts框架的则要注意修改过滤器： 1、建立一个自己的过滤器 packa
webuploader上传遇到的问题
热门推荐
fulq1234的专栏
03-18 2万+
文件上传空间webuploader +jquery，开源而且好用。但是在使用过程中出现一些问题。问题1.上传多张图片，图片的顺序会乱掉.解决方法 threads:12.文件没有按照原来比例上传，1M多的文件会被压缩，解决方法 compress: false3.选择文件的时候浏览器反应迟钝，解决方法：accept: {       title: 'Images',       extensions:...
微擎ueditor多图片批量上传 顺序混乱问题
liuhongwei_study的专栏
05-16 1859
一。web\resource\components\ueditor\dialogs\attachment\attachment.js 二、web\resource\components\ueditor\dialogs\image\image.js 三、 添加一下代码 // 对上传成功后的图片按照选择的顺序进行排序 ...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值