关于 百度 Ueditor （在chrome浏览器） 上传图片时 打开文件夹的延迟问题

Posted 2020-09-04 Chris

 

　　在使用 ueditor 开发时， 作为一个web文本编辑器使用时。 当点击上传图片时， 文件夹要延迟好久才能打开。

　　解决：

　　针对多图片上传， 将/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"

 即可

 

当然 可接受的格式可以根据需要修改，如果不希望上传gif 则改为  accept="image/jpeg,image/png,image/jpg,image/bmp"

 

---------------------------- 分割线 2017/03/15  -------------------------------------

 

在chrome浏览器上 使用input上传图片打开文件延迟问题

 

最近在一个项目中需要用户在页面上传图片， 在开发中，发现在chrome浏览器上 再次遇到上传图片时打开文件延迟问题。于是想到在上传图片使用 的accept="image/*"限制文件上传格式 在chrome里不太友好造成， 于是改成accept="image/jpeg,image/png,image/jpg,image/bmp"， 打开文件延迟问题解决了 [笑脸]。

 

 ------------- 总结线 ----------------

在使用input 上传图片时， 如果需要限制文件的格式，考虑到兼容性的问题尽量将需要上传的文件格式， 列举出来

附上一张 w3school 的MIME表以供参考 [比心]  

http://www.w3school.com.cn/media/media_mimeref.asp