关于kindeditor编辑器批量上传图片不显示添加图片按钮的问题

最新推荐文章于 2025-07-06 12:20:01 发布
最新推荐文章于 2025-07-06 12:20:01 发布
阅读量1.2w 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： java 图片 文章标签： 上传 图片 编辑器 kindeditor
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangwei2043869/article/details/51005505
在项目中遇到KindEditor编辑器批量上传图片时无法正常显示添加文件按钮的问题，通过浏览器debug发现是由于multiimage.js文件中的时间参数传递错误。修改该参数为官网推荐的值1459230680558后，成功解决了问题，但仍有一定概率出现异常情况，原因不明。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天在项目里发现kindeditor编辑器批量上传图片不显示添加文件按钮，去官网看demo是有的，经过浏览器debug发现是由于

multiimage.js文件的一个时间参数传递的不对， 很奇怪，改为和官网一致的时间参数就可以了，（但是还是有一定概率不出现，这个就不知道为啥了）


将这个时间参数值改为1459230680558这个值就可以显示出添加图片按钮了

kindEditor+图片批量上传
04-05
已经付费购买的图片批量上传工具，可以在Web页面一次批量上传多张图片，可以直接从word中拷贝然后粘贴上传，尤其对于word中的数学公式，可以自动转为图片上传到web服务器，非常方便。
kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频
03-31
没有多余插件
KindEditor无法点击上传图片按钮以及表情
mister_Wei的博客
11-20 1556
按钮无法点击,急性子的朋友注意了,F12,你点击的时候就会请求一个路径并且是404 . 解决办法. 把插件包导进去就OK了. 解决:
全面掌握KindEditor富文本编辑器配置
最新发布
weixin_42388898的博客
07-06 919
KindEditor是一款轻量级、易用且功能强大的Web文本编辑器。自2006年诞生以来，它被广泛应用于各种项目中，尤其是博客系统、CMS内容管理系统和论坛中。它的设计目标是为用户提供一个简洁、高效的编辑体验，同时减少对页面性能的影响。如果默认的工具栏配置不能满足特定需求，可以通过修改items数组来自定义工具栏内容。你可以添加、删除或重新排列按钮，甚至可以创建完全自定义的按钮。items: ['|','|','|','code'在本例中，fontnamefontsize。
解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题
博客不一定要自己做
11-29 6695
因为flash机制导致浏览器里面默认阿牛上传按钮不显示 在他的kindeditor-all.js文件中，对上传图片的objcet标签的父标签的div设置了绝对定位，又重新做了一个按钮的div,把object标签的父标签div定位到我新做的按钮div上，设置object标签的父标签div的透明度opacity：0，如下图 在前台就显示出来了，但在IE浏览器下显示的是白色，如下图 附相关代码...
解决KindEditor上传图片 不显示上传按钮问题
qq347506427的专栏
01-09 5492
在学习淘淘商城第三天的时候，批量上传图片到服务器，正确的姿势是这样的： 但是添加图片那个按钮没有出现，然后百度说是缺少flash ,所以把flash更新了，然而并没有解决问题。   最终解决方案是，打开淘淘商城网页，然后用浏览器调试功能，显示缺少一个images包 然后去把images包添加进工程，ok解决问题。...
kindeditor-4.1.11多图上传按钮无法出现且无法点击flash无法上传
05-06
自从flash不再维护和更新，kindeditor又是flash模式上传的，所以上传组件功能完全失效，本次案例是解决不支持flash问题，PHP亲测有效，下载直接正常调用即可进行多图上传。
kindeditor富文本，多图上传，去除flash插件，解决无法展示选择图片按钮问题，以及添加上传后结果展示
12-27
KindEditor是一款广泛应用于网页编辑的开源富文本编辑器，它提供了丰富的文本格式化选项和功能，如...以上就是关于KindEditor富文本编辑器实现多图上传、去除Flash插件、修复选择图片按钮及展示上传结果的详细解释。
优化kindeditor，修改flash批量上传图片方式为H5上传
09-09
“粘贴时自动上传网络图片”是指当用户从剪贴板粘贴包含网络图片的文本时，编辑器会自动抓取这些图片并上传到服务器，然后替换为服务器上的图片链接。这需要监听编辑器的`paste`事件，解析HTML内容中的图片URL，然后...
使用KindEditor富文本编辑器，点击批量上传按钮没有选择图片按钮
weixin_30430169的博客
04-18 1847
问题：批量上传没有选择图片按钮 原因： 因为在打开批量上传窗口的时候会发送一个请求，请求swfupload.swf springmvc把这个请求给拦截了，变成了404 解决方法： 所以应该在web.xml中配置 <servlet-mapping> <servlet-name>default</servlet-name> ...
解决kindeditor 编辑器完美支持IE11 看不见上传文件框问题 无法保存问题
12-25
1、 解决kindeditor编辑器无法保存 2、 解决kindeditor上传文件框IE11 看不见或者位置不对问题
kindEditor批量传图配置
10-14
kindEditor的多图上传一直是个很多人关注的问题，我自己也在那摸索了很多时间，其实配置很简单，但是最容易出错的就是路径了，只要路径没有问题，而且系统给予了控件上传图片的权限，就没有问题了
kindEditor上传图片到七牛（php版）
03-28
解决kindEditor4.0+中上传图片到七牛的问题，代码是PHP版本的，方便好用！
kindeditor多图上传H5版
11-18
由于2020-12-31以后谷歌浏览器不再支持Flash，所以开发了一个H5版的上传，只需要简单的替换文件即可。
kindeditor--自定义添加网络视频插件，修改批量图片上传方式flash为h5
04-16
kindeditor自定义添加网络视频插件-，修改批量图片上传方式flash为h5上传kindeditor自定义添加网络视频插件-，修改批量图片上传方式flash为h5上传
Struts2框架下使用Kindeditor上传图片
shifanzhang的博客
08-04 414
之前的项目是用Spring的模式上传Kindeditor图片到服务器，但是现在这个项目里面只有Struts2框架所以跟Spring不一样，以下为代码： public Object fileUpload(){ String savePath=this.getCurSession().getServletContext().getRealPath("")+"/attached";
KINDEDITOR实现WORD粘贴公式自动上传
weixin_52041354的博客
07-31 1147
嗯，这是一个好问题，主要还是很多网友反馈了这个问题，有很多网友还是大学生，平时对这块的技术也比较感兴趣，希望通过源代码能够学习这块的技术，对自己也是一个提高，还有一些是自由职业者，平时在网上接一些网站做，然后有些用户也有这个需求，大多数企业网站管理员都不太懂技术，或者也有上班的员工。返回图片地址HTML，编辑器：FCKEditor，CKEditor，KindEditor，UEditor，TinyMCE，wangEditor，xhEditor，eWebEditor，JMEditor，CuteEditor，
kindedit 批量上传图片失败、调整弹出框大小、图片数量、图片大小
qq_16959405的专栏
04-14 1749
批量上传图片失败原因， 一般以为 浏览器禁用了flash插件，或者 flash版本过低（更新到最新版本） 图片上传数量、调整弹出框大小、图片大小控制 kindeditor\plugins\multiimage\multiimage.js下 205行 imageUploadLimit = K.undef(self.imageUploadLimit, 20), 218
kindeditor编辑器批量上传图片flash改为jquery上传的方式
01-20
### 替换KindEditor Flash批量上传图片功能为jQuery实现 #### 实现思路 为了将KindEditor编辑器中基于Flash的批量上传图片功能替换为jQuery实现，主要涉及前端文件选择、预览以及通过Ajax向服务器发送请求的功能。这不仅提升了浏览器兼容性和用户体验，还减少了对插件依赖。 #### 前端HTML结构调整 移除原有与Flash有关的部分，在页面适当位置加入用于触发文件选择对话框的按钮和展示已选图片缩略图区域： ```html <!-- 文件输入控件 --> <input type="file" id="uploadImages" multiple style="display:none;" /> <button onclick="document.getElementById('uploadImages').click()">选择图片</button> <div id="preview"></div> ``` #### jQuery脚本处理逻辑 利用`change`事件监听文件变化，并借助FormData对象封装待上传的数据包；同时设置好预览机制以便即时反馈给用户所挑选的照片列表： ```javascript $(function(){ $('#uploadImages').on('change', function(e){ var files = e.target.files; var formData = new FormData(); // 添加所有选定文件至formData for (var i = 0; i < files.length; ++i) { formData.append('files[]', files[i]); // 创建并显示图像预览 let reader = new FileReader(); reader.onloadend = function(event){ $("<img>").attr("src", event.target.result).css({ "width": "100px", "height": "auto" }).appendTo("#preview"); }; reader.readAsDataURL(files[i]); } // 发送POST请求完成实际上传操作 $.ajax({ url: '/your-upload-endpoint', data: formData, processData: false, contentType: false, method: 'POST', success:function(response){ console.log('Upload successful:', response); }, error:function(errorThrown){ console.error('Error during upload:', errorThrown); } }); }); }); ``` 此方法实现了无需刷新整个网页即可异步提交多个文件的目标，同时也提供了良好的视觉效果来增强用户的交互体验[^1]。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值