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

最新推荐文章于 2019-11-29 11:12:03 发布
最新推荐文章于 2019-11-29 11:12:03 发布
阅读量1.2w 收藏 1
点赞数 1
分类专栏： java 图片 文章标签： 上传 图片 编辑器 kindeditor
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangwei2043869/article/details/51005505
版权
java 同时被 2 个专栏收录
23 篇文章 0 订阅
订阅专栏
图片
1 篇文章 0 订阅
订阅专栏

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

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


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

wade05
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频
03-31
没有多余插件
KindEditor4.x 文本编辑器的使用及图片上传失败的解决办法
xuhu的专栏
02-24 2587
我在网上搜了一下，发现推荐KindEditor的比较多，再加上KindEditor的simple模式我很喜欢，所以就选择了KindEditor。官方的文档写的很清楚也很全面。我写这篇文章主要是当做自己的笔记 闲话不多说了 进入正题。 一、KindEditor官方地址 1、下载链接 http://kindeditor.net/down.php 2、演示地址 http://kindedi
使用Kindeditor的多文件(图片)上传时出现上传失败的解决办法/使用Flash上传多文件(图片)上传时上传失败的解决办法
热门推荐
风柏杨的技术博客
01-16 1万+
近来用户反映希望我们把在线编辑器中的多图片上传功能实现，因为他们在编辑商品描述时经常会有一次上传多张图片的需求，如果要逐张选择的话效率很低，客户的需求就是我们的追求，很快我们就把完善功能排到了日程表中，要求尽快实现。 我们在项目中使用的在线编辑器是Kindeditor4.1.10，它们的多文件上传插件是使用Flash实现的，原本应该就是能使用的，但为什么老是显示上传失败的，百度了一下前人的经验和
使用KindEditor富文本编辑器，点击批量上传按钮没有选择图片按钮
weixin_30430169的博客
04-18 1753
问题：批量上传没有选择图片按钮 原因： 因为在打开批量上传窗口的时候会发送一个请求，请求swfupload.swf springmvc把这个请求给拦截了，变成了404 解决方法： 所以应该在web.xml中配置 <servlet-mapping> <servlet-name>default</servlet-name> ...
KindEditor不兼容Firefox出现添加图片按钮不显示
wftmxy的博客
09-17 2291
针对问题中所描述的问题进行了测试，发现在火狐下多图上传是可以正常使用的。出现所描述的问题的原因可能是：kindEditor的多图上传利用的是flash插件，而当前机器所安装的flash插件版本过低所致，建议升级下插件版本后再尝试。 https://zhidao.baidu.com/question/1514328692519844180.html
KindEditor无法点击上传图片按钮以及表情
mister_Wei的博客
11-20 1402
按钮无法点击,急性子的朋友注意了,F12,你点击的时候就会请求一个路径并且是404 . 解决办法. 把插件包导进去就OK了. 解决:
解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题
博客不一定要自己做
11-29 6154
因为flash机制导致浏览器里面默认阿牛上传按钮不显示 在他的kindeditor-all.js文件中，对上传图片的objcet标签的父标签的div设置了绝对定位，又重新做了一个按钮的div,把object标签的父标签div定位到我新做的按钮div上，设置object标签的父标签div的透明度opacity：0，如下图 在前台就显示出来了，但在IE浏览器下显示的是白色，如下图 附相关代码...
解决KindEditor上传图片 不显示上传按钮问题
qq347506427的专栏
01-09 5198
在学习淘淘商城第三天的时候，批量上传图片到服务器，正确的姿势是这样的： 但是添加图片那个按钮没有出现，然后百度说是缺少flash ,所以把flash更新了，然而并没有解决问题。   最终解决方案是，打开淘淘商城网页，然后用浏览器调试功能，显示缺少一个images包 然后去把images包添加进工程，ok解决问题。...
KindEditor-4.1.9批量上传图片完整示例（可以上传到image目录下的子目录中，可返回上一级目录，并实现了按名称、大小、类型排序的功能）
10-30
这是本人写的一个基于KindEditor-4.1.9的Java项目，采用Struts2框架，实现了KindEditor单张图片上传、批量图片上传，可以上传到image目录下的子目录中，可返回上一级目录，并实现了按名称、大小、类型排序的功能。这是一个完整的项目，下载解压后可直接导入MyEclipse或Eclipse中运行，本人保证代码质量，谢谢支持！访问地址：http://localhost:8080/kindeditor/demo_1.jsp
kindeditor-4.1.11多图上传按钮无法出现且无法点击flash无法上传
05-06
自从flash不再维护和更新，kindeditor又是flash模式上传的，所以上传组件功能完全失效，本次案例是解决不支持flash问题，PHP亲测有效，下载直接正常调用即可进行多图上传。
kindEditor+图片批量上传
04-05
已经付费购买的图片批量上传工具，可以在Web页面一次批量上传多张图片，可以直接从word中拷贝然后粘贴上传，尤其对于word中的数学公式，可以自动转为图片上传到web服务器，非常方便。
优化kindeditor，修改flash批量上传图片方式为H5上传
09-09
优化kindeditor，修改flash批量上传图片方式为H5上传，添加第三方视频代码功能，添加手机尺寸预览，粘贴时自动上传网络图片，粘贴时自动上传截图，地图宽度可设置百分比显示...
kindeditor富文本，多图上传，去除flash插件，解决无法展示选择图片按钮问题，以及添加上传后结果展示
最新发布
12-27
kindeditor富文本，多图上传，去除flash插件，解决无法展示选择图片按钮问题，以及添加上传后结果展示。
jquery + kindEditor 单个图片上传
10-30
jquery + kindEditor 单个图片上传，通过插件实现图片上传至文本编辑器中，并进行回显，展示图片。
RestTemplate发送xml类型数据，XML数据存放于Body体中
wangwei2043869的专栏
08-02 1万+
//设置请求头 HttpHeaders headers = new HttpHeaders(); headers.setContentType(MediaType.APPLICATION_XML); StringBuffer xmlString = new StringBuffer(); xmlString.append("<tsRequest><credentials nam...
tp5框架中kindeditor富文本编辑器批量上传图片
05-13
1. 首先，在 `application\extra` 目录下新建一个 `config.php` 文件，添加以下配置： ```php <?php return [ 'upload_path' => '/uploads/', //上传文件保存的路径 'upload_exts' => 'gif,jpg,jpeg,png,bmp', //允许上传的文件类型 ]; ``` 2. 在 `application\index\controller` 目录下新建一个 `Upload.php` 控制器，添加以下代码： ```php <?php namespace app\index\controller; use think\Controller; use think\Request; class Upload extends Controller { public function uploadImage() { $file = request()->file('imgFile'); $info = $file->validate(['ext' => config('upload_exts')])->move(ROOT_PATH . 'public' . config('upload_path')); if ($info) { $image_url = config('upload_path') . $info->getSaveName(); return json(['error' => 0, 'url' => $image_url]); } else { return json(['error' => 1, 'message' => $file->getError()]); } } } ``` 3. 在 `application\index\view` 目录下新建一个 `upload_image.html` 文件，添加以下代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传图片</title> </head> <body> <form action="<?php echo url('upload/uploadImage'); ?>" enctype="multipart/form-data" method="post"> <input type="file" name="imgFile"> <input type="submit" value="上传"> </form> </body> </html> ``` 4. 修改 `kindeditor` 配置文件 `public\static\kindeditor\config.js`，添加以下代码： ```javascript //上传图片配置 imageUploadJson = '<?php echo url("upload/uploadImage"); ?>'; ``` 5. 在 `public\static\kindeditor\plugins` 目录下新建一个 `image.php` 文件，添加以下代码： ```php <?php //获取上传文件保存的路径 $save_path = $_SERVER['DOCUMENT_ROOT'] . $_POST['save_path']; //获取要上传的文件 $file = $_FILES['imgFile']; //上传文件 if (move_uploaded_file($file['tmp_name'], $save_path . $file['name'])) { $image_url = $_POST['base_url'] . $_POST['save_path'] . $file['name']; //返回上传结果 echo json_encode(['error' => 0, 'url' => $image_url]); } else { echo json_encode(['error' => 1, 'message' => '上传失败']); } ``` 6. 修改 `kindeditor` 的 `php` 上传文件处理程序 `public\static\kindeditor\php\upload_json.php`，添加以下代码： ```php //获取要保存的文件路径和文件名 $save_path = $_SERVER['DOCUMENT_ROOT'] . $_POST['save_path']; $file_name = uniqid() . strrchr($_FILES['imgFile']['name'], '.'); //上传文件 if (move_uploaded_file($_FILES['imgFile']['tmp_name'], $save_path . $file_name)) { $image_url = $_POST['base_url'] . $_POST['save_path'] . $file_name; //返回上传结果 echo json_encode(['error' => 0, 'url' => $image_url]); } else { echo json_encode(['error' => 1, 'message' => '上传失败']); } ``` 7. 在浏览器中访问 `http://localhost/index/upload_image.html`，上传一张图片测试。如果上传成功，会返回图片的 URL 地址。在 `kindeditor` 中也可以正常上传图片了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值