input[type='file']的accept属性用来指定上传文件的MIME类型。

将其设为accept= 'image/*'，顾名思义，过滤掉所有非图片文件，

但在实际操作中，发现有时会出现响应缓慢的问题，特别是在chrome与Safari，IE与firefox则没有此问题。

搜索过后发现: accept= 'image/*'会对每一个文件都进行一次遍历，在webkit内核的浏览器内校验时间较长，是此种内核浏览器的bug。

解决方法:将 * 通配符 修改成指定的MIME类型

例如: <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">



												


											
accept= 'image/*'反映缓慢的更多相关文章
	

    
								
  1. How to accept Track changes in Microsoft Word 2010?
		
    "Track changes" is wonderful and remarkable tool of Microsoft Word 2010. The feature allow ...
    
		
    2. 
						
  2. 当master down掉后，pt-heartbeat不断重试会导致内存缓慢增长
		
    最近同事反映,在使用pt-heartbeat监控主从复制延迟的过程中,如果master down掉了,则pt-heartbeat则会连接失败,但会不断重试. 重试本无可厚非,毕竟从使用者的角度来说,希 ...
    
		
    3. 
						
  3. 对Big Table进行全表更新，导致 Replication 同步数据的过程十分缓慢
		
    在Publisher database中更新一个big table,数据行数是3.4亿多.由于没有更新 clustered Index key,因此,只产生了3.4亿多个Update Commands ...
    
		
    4. 
						
  4. GJM : 中断被Socket.Accept阻塞的线程
		
    原帖地址:http://blog.csdn.net/kingfox/article/details/7233350 原文作者:狐帝 刚刚学习C#,在编写一个网络通讯的程序的时候,遇到了点麻烦.监听代码 ...
    
		
    5. 
						
  5. Linux进程间通信（八）：流套接字 socket()、bind()、listen()、accept()、connect()、read()、write()、close()
		
    前面说到的进程间的通信,所通信的进程都是在同一台计算机上的,而使用socket进行通信的进程可以是同一台计算机的进程,也是可以是通过网络连接起来的不同计算机上的进程.通常我们使用socket进行网络编 ...
    
		
    6. 
						
  6. Windowns 10打开此电脑缓慢问题的一种解决办法
		
    上个月刚配的台式,i7 6700K + 16GB + PM961用起来爽得不行. 不过最近两天突然发现,打开"此电脑"总会卡住,窗口里面也不显示磁盘.地址栏缓慢刷新. 一般此类问题 ...
    
		
    7. 
						
  7. <input type="file" id="camera" multiple="multiple" capture="camera" accept="image/*"> 上传图片，手机调用相册和摄像头
		
    <input type="file" id="camera" multiple="multiple" capture="ca ...
    
		
    8. 
						
  8. 调试 zeromq 发现 accept 死循环
		
    起因:在群里一个同学说使用 zeromq 的时候出了点儿问题,问题描述如下“router连接十几万客户端后,然后把router杀死,重启,这时候zeromq的某个线程99%的cpu,卡死了,再也接受不 ...
    
		
    9. 
						
  9. UNIX网络编程-非阻塞connect和非阻塞accept
		
    1.非阻塞connect 在看了很多资料之后,我自己的理解是:在socket发起一次连接的时候,这个过程需要一段时间来将三次握手的过程走完,如果在网络状况不好或者是其他的一些情况下,这个过程需要比较长 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 第一百六十八节，jQuery，表单选择器
			
    jQuery,表单选择器 学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以 使用之前的常规选择器或过滤器,也 ...
    
			
    2. 
						
  2. 任何应用程序都可拥有 Web Service 组件。
			
    任何应用程序都可拥有 Web Service 组件. Web Service 的创建与编程语言的种类无关. 本章节我们将为大家介绍使用 PHP 的 SOAP 扩展来创建 Web Service. SO ...
    
			
    3. 
						
  3. HTML 事件的例子：
			
    HTML 事件的例子: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 HTML 表单时 当用户触发按键时
    
			
    4. 
						
  4. 微信小程序 缓存说明
			
    每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearSt ...
    
			
    5. 
						
  5. AsyncTask机制学习
			
    其内容可以参考http://blog.csdn.net/webgeek/article/details/17298237 ,首先创建一个AsyncTask类 class GetFaceDetectTa ...
    
			
    6. 
						
  6. python3 - 动态添加属性以及方法
			
    给实例动态添加方法,需引入types模块,用其的MethodType(要绑定的方法名,实例对象)来进行绑定:给类绑定属性和方法,可以通过 实例名.方法名(属性名) = 方法名(属性值) 来进行绑定.给 ...
    
			
    7. 
						
  7. mongo 过滤查询条件后分组、排序
			
    描述:最近业主有这么一个需求,根据集合中 时间段进行过滤,过滤的时间时间段为日期类型字符串,需要根据某一日期进行截取后.进行分组,排序 概述题目:根据createTime时间段做查询,然后以 天进行分 ...
    
			
    8. 
						
  8. 《从零开始学Swift》学习笔记（Day 42）——构造函数调用规则
			
    原创文章,欢迎转载.转载请注明:关东升的博客 在构造函数中可以使用构造函数代理帮助完成部分构造工作.类构造函数代理分为横向代理和向上代理,横向代理只能在发生在同一类内部,这种构造函数称为便利构造函数. ...
    
			
    9. 
						
  9. D3D9和OpenGL加载纹理图片的API是哪个？
			
    D3D9 创建一个空纹理,当返回 S_OK 且 ppTexture 纹理对象指针不为 NULL 时,则表示该函数调用成功. HRESULT D3DXCreateTexture( _In_  LPDIR ...
    
			
    10. 
						
  10. Nuxt取消默认的eslint语法检测
			
    Nuxt项目里自带的有eslint语法检测,这个对开发时候的不规范都会报错,对我们开发有很大帮助,如果我们开发时不想使用这个功能,我们可以取消掉eslint 一.如果整个项目完全不用eslint的话, ...
    
			
    11.