input file accept类型

Valid Accept Types:

For CSV files (.csv), use:

<input type="file" accept=".csv" />

For Excel Files 2003-2007 (.xls), use:

<input type="file" accept="application/vnd.ms-excel" />

For Excel Files 2010 (.xlsx), use:

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

For Text Files (.txt) use:

<input type="file" accept="text/plain" />

For Image Files (.png/.jpg/etc), use:

<input type="file" accept="image/*" />

For HTML Files (.htm,.html), use:

<input type="file" accept="text/html" />

For Video Files (.avi, .mpg, .mpeg, .mp4), use:

<input type="file" accept="video/*" />

For Audio Files (.mp3, .wav, etc), use:

<input type="file" accept="audio/*" />

For PDF Files, use:

<input type="file" accept=".pdf" />

NOTE:

If you are trying to display Excel CSV files (.csv), do NOT use:

  • text/csv
  • application/csv
  • text/comma-separated-values (works in Opera only).
时间: 2024-11-08 10:07:17

input file accept类型的相关文章

input file实现多选和限制文件上传类型

<!-- input file  accept 属性设置可上传文件的类型  multiple属性设置可多文件上传--> <!-- accept 并未真正的实现限制上传文件类型,只是在选文件的时候有限制, 如果选文件的时候手动修改上传文件的类型,还是可以上传其他文件的. 因此,要实现只上传accept属性指定的文件类型,还必修结合js来实现--> <input type="file" accept=".doc,.docx" multipl

HTML5的 input:file上传类型控制

一.input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径. 1.accept 只能选择png和gif图片 <input id="fileId1" type="file" accept="image/png,image/gif" name="

FileUpload系列:(4)HTML5的 input:file上传类型控制

网页上添加一个input file HTML控件: <input id="File1" type="file" /> 默认情况下,所有文件类型都会显示出来,如果想限制它只显示特定的文件类型呢,比如"word","excel","pdf"文件 解决办法是可以给它添加一个accept属性,比如: <input id="File1" type="file"

input file 上传文件类型、大小检查

作为上传文件的基本元素, input file 被广为应用.而对文件类型.大小的限制是常见的要求.可以通过如下办法,在前端进行原生的文件检查: html 代码: 注意 accept 属性的用法 <input type="file" name="icon" onchange="checkFile(this)" accept="image/jpeg,image/x-png,image/gif" /> JS代码: var

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浏览器下却出现了响应滞慢的问题,

【转】HTML5的 input:file上传类型控制

一.input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径. 1.accept 只能选择png和gif图片 <input id="fileId1" type="file" accept="image/png,image/gif" name="

input type=&quot;file&quot; accept=&quot;image/*&quot;上传文件慢的问题解决办法

相信大家都写过<input type="file" name="file" class="element" accept="image/*"> 默认过滤掉所有非图片文件: 这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题,可能要等 6~10s 才能弹出文件选择对话框.简直不能忍呀. 在IE和Firefox中使用 accept="image/*" 属性则没有发现响应

html input accept类型

在上传文件的时候,需要限制指定的文件类型. <input type="file" accept="image/*" /> accept表示可以上传文件类型,image表示图片,*表示所有支持的格式. accept可以指定如下信息: *.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-asf Advanced St

在HTML5的 input:file 上传文件类型控制 遇到的问题

1.input:file 属性的介绍  先瞅代码吧 <form> <input type="file" name="pic" accept="image/gif,image.jpg" multiple="multiple"/> </form> accept: 一般是指 上传文件的MIME类型. 文件类型MIME 列表  链接(我个人觉得比较全的地方) multipe: 是指多文件上传 2.工