百度编辑器 Ueditor 上传图片时打开文件夹的延迟问题,点击上传图片弹窗打开慢问题
最近在项目开发中使用到百度的富文本编辑器Ueditor,在使用过程中遇到如下问题:
问题一:当点击图片上传按钮时,文件夹打开速度特别慢,得好一会儿才能打开;
解决方法:
针对多图片上传,将/ueditor/dialogs/image/image.js 文件下的以下代码
accept: {
title: 'Images',
extensions: acceptExtensions,
mimeTypes: 'image/*'
},
改为:
accept: {
title: 'Images',
extensions: acceptExtensions,
mimeTypes: 'image/gif,image/jpeg,image/png,image/jpg,image/bmp'
},针对单图片上传, 将/ueditor/ueditor.all.js or /ueditor.all.min.js (根据自己引用的文件来确定) 文件下的以下代码
accept="image/*"
改为:
accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
原因(个人理解,大神勿喷):能看出来,* 查询匹配所有,得去找,所以花时间,但是下面这段直接指定了是什么,省去了查询匹配的时间
问题二:当点击图片上传,并上传成功一张图片后,图片居然不显示,或者图片显示出来的也是那种 ** 找不到路径的样子 **
解决方法:(对了,就是路径问题,参考了很多博文,后来无意间看到同事的配置,顿时茅塞顿开。)
修改ueditor/jsp/config.json中的:
/* 上传图片配置项 */
"imageUrlPrefix": "/你的项目名称", /* 图片访问路径前缀 */
"imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
原因(个人理解,大神勿喷):想想也是,人家外网访问的内容,肯定要去项目发布服务器找东西啊,但是服务器多数情况下有好多项目吧,
直接搞个ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",估计除了在客户端访问页面配置了路径外也是访问不到的吧。
【参考文章:http://www.cnblogs.com/tonnytong/p/6738399.html】