使用谷歌浏览器（chrome）访问UEditor上传图片时文件选择框延迟弹出的解决方法

系统管理员 2021-09-11 05:14 586阅读 0赞

在谷歌浏览器里，使用Ueditor时有一个问题，就是在上传图片时，点击按钮弹出文件选择框时，大约需要8秒才能弹出  
![这里写图片描述][SouthEast]  
**解决方法：**  
**1、单张图片**：修改ueditor.all.js（ueditor.all.min.js）第24429行左右，将accept的值从image/\*改成  
image/jpeg,image/png,image/jpg,image/gif,image/bmp

UE.plugin.register('simpleupload', function (){ 
     //中间的代码略
     '<input id="edui_input_' + timestrap + '" type="file" accept="image/jpeg,image/png,image/jpg,image/gif,image/bmp" name="' + me.options.imageFieldName + '" ' +

这里有方法检查是否修改成功，在单张图片按钮上右键选择【检查】，看Elements里代码，是否如下图所示  
![这里写图片描述][SouthEast 1]  
**2、多张图片：**修改dialogs/image/image.js的第370行左右，将mimeTypes的值从image/\*改成  
image/jpeg,image/png,image/jpg,image/gif,image/bmp

uploader = _this.uploader = WebUploader.create({
               pick: {
                   id: '#filePickerReady',
                   label: lang.uploadSelectFile
               },
               accept: {
                  title: 'Images',
                  extensions: acceptExtensions,
                  mimeTypes: 'image/jpeg,image/png,image/jpg,image/gif,image/bmp' 
                  },
                //后面的代码略

这里有方法检查是否修改成功，点击多张图片按钮会弹出一个层，在【点击选择图片】上右键选择【检查】，看Elements里代码，是否如下图所示  
![这里写图片描述][SouthEast 2]

**切记：**修改完了发现没有效果，可能是缓存造成的，清理缓存就是了。

注：参考了[http://blog.csdn.net/higuioiuujiu/article/details/53423479][http_blog.csdn.net_higuioiuujiu_article_details_53423479]

笔者还有一篇博文是介绍如何在使用UEditor上传图片时进行自动压缩优化、添加水印的，有需要的话请移步  
[《C\#中基于GDI+(Graphics)图像处理系列之UEditor上传图片自动压缩优化（添加水印）》][C_GDI_Graphics_UEditor]

[SouthEast]: /images/20210809/ea14246fc1d94e43b5beed2bebe2affb.png
[SouthEast 1]: /images/20210809/ffa6e93dd3e84dc2beff00f3557beafb.png
[SouthEast 2]: /images/20210809/a114564368c8409a9880b609e13a61bc.png
[http_blog.csdn.net_higuioiuujiu_article_details_53423479]: http://blog.csdn.net/higuioiuujiu/article/details/53423479
[C_GDI_Graphics_UEditor]: http://blog.csdn.net/lhtzbj12/article/details/54236037