input[file]标签的accept=”image/*”属性响应很慢的解决办法
2016-11-07 09:21
453 查看
转自:http://blog.csdn.net/lx583274568/article/details/52983693
input[file]标签的accept属性可用于指定上传文件的 MIME类型 。
<input type="file" name="file" class="element" accept="image/*">
accept=”image/*” 属性的问题,删掉它或者将 * 通配符修改为指定的MIME类型,就可以解决Webkit浏览器下的对话框显示滞慢的问题。
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
另外,
accept=”video/*” 属性 在 Webkit浏览器下也会有同样的响应延迟的问题。同理,通过将 * 通配符 修改成指定的MIME类型就可解决。
注:这个问题是我在用jquery 插件bootstrap image做裁剪上传功能时遇到的兼容问题。
input[file]标签的accept属性可用于指定上传文件的 MIME类型 。
<input type="file" name="file" class="element" accept="image/*">
这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题,可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。
accept=”image/*” 属性则没有发现响应延迟的问题。accept=”image/*” 属性的问题,删掉它或者将 * 通配符修改为指定的MIME类型,就可以解决Webkit浏览器下的对话框显示滞慢的问题。
<input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
另外,
accept=”video/*” 属性 在 Webkit浏览器下也会有同样的响应延迟的问题。同理,通过将 * 通配符 修改成指定的MIME类型就可解决。
注:这个问题是我在用jquery 插件bootstrap image做裁剪上传功能时遇到的兼容问题。
相关文章推荐
- (转载借鉴) input[file]标签的accept=”image/*”属性在google浏览器上响应很慢的解决办法
- input[file]标签的accept=”image/*”属性响应很慢的解决办法
- input[file]标签的accept=”image/*”属性响应很慢的解决办法
- input[file]标签的accept=”image/*”属性响应很慢的解决办法
- input[file]标签的属性响应很慢的解决办法
- input标签submit属性,用CSS控制样式时高度不好控制的解决办法
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- input标签添加上disable属性在移动端字体颜色不兼容的解决办法。
- 标签中包含input时line-height属性失效的解决办法
- 关于JFinal的单个input标签type=file的multiple="multiple"多图片上传,每次只接收到一个uploadFile对象的解决办法。
- input标签添加上disable属性在移动端字体颜色不兼容的解决办法。
- ImageView设置setVisibility属性不起作用解决办法
- 用图片撑开的div,里面的input标签在三星手机不生效解决办法
- 解决取消input标签中disabled属性
- MySQL安装时mysql write configuration file无响应问题的解决办法
- 使用委托控件触发input file的时候,IE10以下报错SCRIPT:5拒绝访问解决办法
- autorun.inf病毒与杀毒软件无法启动,及映像劫持(Image File Execution Options)解决办法
- IE7,IE8,上传文件控件input file和asp.net FileUpload控件无法获取完整路径的解决办法
- Image.FromFile 锁文件的解决办法
- PIL IOError: cannot identify image file 'images/1212.jpg'的解决办法