input[file]标签的accept=”image/*”属性响应很慢的解决办法

转自:http://blog.csdn.net/lx583274568/article/details/52983693

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做裁剪上传功能时遇到的兼容问题。

时间: 2024-10-11 11:49:17

input[file]标签的accept=”image/*”属性响应很慢的解决办法的相关文章

从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: [√]$("#file")[0].value = ""; [√]$("#file")[0].value = null; [×]$("#file").attr("value",""); [×]$("#file").attr("value",null); [√]$(&

html input file标签的上传文件 注意点

文件上传框  代码格式:<input type=“file” name=“...” size=“15” input enctype="multipart/form-data“ maxlength=“100”> 属性解释: 属性解释: type=“file”定义文件上传框: name属性定义文件上传框的名称,要保证数据的准确采 集,必须定义一个独一无二的名称: size属性定义文件上传框的宽度,单位是单个字符宽度: maxlength属性定义最多输入的字符数. 注意: 要使得文件上载能

[Android学习笔记]ListView中含有Button导致无法响应onItemClick回调的解决办法

转自:http://www.cnblogs.com/eyu8874521/archive/2012/10/17/2727882.html 问题描述: 当ListView的Item中的控件只是一些展示类控件时(比如TextView),注册ListView的监听setOnItemClickListener之后,当点击Item时候会触发onItemClick回调. 但是,当Item中存在Button(继承于Button)的控件时,onItemClick回调不会被触发. 解决方案: 在Item的布局文件

Android配置----DDMS 连接真机(己ROOT),用file explore看不到data/data文件夹的解决办法

[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/3881477.html 联系方式:[email protected] [正文] Android DDMS 连接真机(己ROOT),用file explore看不到data/data文件夹,问题在于data文件夹没有权限,用360手机助手或豌豆荚也是看不见的. 有以下两种解决方法: 方法一:使用adb

动态input file多文件上传到后台没反应的解决方法!!!

其实我也不太清除具体是什么原因,但是后面就可以了!!! 我用的是springMVC 自带的文件上传 1.首先肯定是要有springMVC上传文件的相关配置! 2.前端 这是动态input file上传到后台没反应的写法(页面上写死的上传到后台是可以的) 这段代码是写在table>>下的form表单里的 <input type="button" name="button" value="添加附件" onclick="ad

eclipse下标签库缺失导致HTTP Status 500错误的解决办法

错误提示: HTTP Status 500 - The absolute uri: http://java.sun.com/jstl/core_rt cannot be resolved in either web.xml or the jar files deployed with this application 解决办法: 下载两个JAR包:standard.jar 包和 jstl.jar 包 拷贝到项目的 /WebContent/WEB-INF/lib 目录下即可. 技巧:这两个包可到网

点击&lt;a&gt;标签,禁止页面自动跳到顶部的解决办法

最近在开发一个小web的时候想给一个按钮增加一个弹出dialog功能,但是发现点击按钮后页面总是自动滚动至顶部,这点从用户体验上来讲是极其不爽的,于是开始跳进google大池寻求解决办法.网上的办法有很多,但是唯独下面这个生效了,转来收藏.     "平时开发的HTML表单,链接通常会使用<a href="#" onclick="openWnd();">Open new window</a>控件,但这种方法如果是链接到本页面,用来执

exec: &quot;/bin/xtensa-lx106-elf-g++&quot;: file does not exist Arduino for 8266 core 开发错误解决办法

可能的原因及解决办法:因为xtensa-lx106-elf-gcc这个工具没有完整安装,删除当前版本的8266 开发板,然后重新安装一次即可 问题现象:最近折腾esp8266和arduino的几块板子,做自动生产线控制系统的demo演示环境.之前使用使用esp8266的板子一直用的好好的,最高升级到2.3版本都没有问题.上周升级到2.4 以后,发现了一个问题,每次编译都提示exec: "/bin/xtensa-lx106-elf-g++": file does not exist 解决

根目录97 &lt;input file&gt;标签,把图片上传到服务器(跟增删改查一起实现)

1 首先来个简单的html页面: enctype="multipart/form-data" encoding="multipart/form-data" action="../../后台/后台方法.do" //form表单加上这几个属性 action指向后台添加方法 2 3 <input type="button" id="uupdatekeyword2" value="修改"