HTML5 input file,accept

简介: accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。在上传文件的时候,需要限制指定的文件类型。

在上传文件的时候,需要限制指定的文件类型。

<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 Streaming Format

*.au    audio/basic    AU Audio

*.css    text/css    Cascading Style Sheets

*.csv    text/csv    Comma Separated Values

*.doc    application/msword    MS Word Document

*.dot    application/msword    MS Word Template

*.dtd    application/xml-dtd    Document Type Definition

*.dwg    image/vnd.dwg    AutoCAD Drawing Database

*.dxf    image/vnd.dxf    AutoCAD Drawing Interchange Format

*.gif    image/gif    Graphic Interchange Format

*.htm    text/html    HyperText Markup Language

*.html    text/html    HyperText Markup Language

*.jp2    image/jp2    JPEG-2000

*.jpe    image/jpeg    JPEG

*.jpeg    image/jpeg    JPEG

*.jpg    image/jpeg    JPEG

*.js    text/javascript, application/javascript    JavaScript

*.json    application/json    JavaScript Object Notation

*.mp2    audio/mpeg, video/mpeg    MPEG Audio/Video Stream, Layer II

*.mp3    audio/mpeg    MPEG Audio Stream, Layer III

*.mp4    audio/mp4, video/mp4    MPEG-4 Audio/Video

*.mpeg    video/mpeg    MPEG Video Stream, Layer II

*.mpg    video/mpeg    MPEG Video Stream, Layer II

*.mpp    application/vnd.ms-project    MS Project Project

*.ogg    application/ogg, audio/ogg    Ogg Vorbis

*.pdf    application/pdf    Portable Document Format

*.png    image/png    Portable Network Graphics

*.pot    application/vnd.ms-powerpoint    MS PowerPoint Template

*.pps    application/vnd.ms-powerpoint    MS PowerPoint Slideshow

*.ppt    application/vnd.ms-powerpoint    MS PowerPoint Presentation

*.rtf    application/rtf, text/rtf    Rich Text Format

*.svf    image/vnd.svf    Simple Vector Format

*.tif    image/tiff    Tagged Image Format File

*.tiff    image/tiff    Tagged Image Format File

*.txt    text/plain    Plain Text

*.wdb    application/vnd.ms-works    MS Works Database

*.wps    application/vnd.ms-works    Works Text Document

*.xhtml    application/xhtml+xml    Extensible HyperText Markup Language

*.xlc    application/vnd.ms-excel    MS Excel Chart

*.xlm    application/vnd.ms-excel    MS Excel Macro

*.xls    application/vnd.ms-excel    MS Excel Spreadsheet

*.xlt    application/vnd.ms-excel    MS Excel Template

*.xlw    application/vnd.ms-excel    MS Excel Workspace

*.xml    text/xml, application/xml    Extensible Markup Language

*.zip    aplication/zip    Compressed Archive


除了以上的类型外,2007后各文档如docx需配置的accept属性值如下:

Extension MIME Type

.xlsx   application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

.xltx   application/vnd.openxmlformats-officedocument.spreadsheetml.template

.potx   application/vnd.openxmlformats-officedocument.presentationml.template

.ppsx   application/vnd.openxmlformats-officedocument.presentationml.slideshow

.pptx   application/vnd.openxmlformats-officedocument.presentationml.presentation

.sldx   application/vnd.openxmlformats-officedocument.presentationml.slide

.docx   application/vnd.openxmlformats-officedocument.wordprocessingml.document

.dotx   application/vnd.openxmlformats-officedocument.wordprocessingml.template

.xlsm   application/vnd.ms-excel.addin.macroEnabled.12

.xlsb   application/vnd.ms-excel.sheet.binary.macroEnabled.12


目录
相关文章
|
4月前
|
Web App开发 移动开发 HTML5
HTML中input标签的23种type类型
HTML中input标签的23种type类型
|
5月前
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
29 0
|
5月前
|
JavaScript 前端开发 数据安全/隐私保护
HTML中input常用的type属性及使用场景
HTML中input常用的type属性及使用场景
87 0
|
7月前
|
JavaScript
使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容
使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容
75 0
|
7月前
|
移动开发 HTML5
修改HTML5 input placeholder 颜色及修改失效的解决办法
修改HTML5 input placeholder 颜色及修改失效的解决办法
|
9月前
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
52 0
|
9月前
|
移动开发 HTML5
Html5中的input标签之多少
Html5中的input标签之多少
67 0
|
前端开发 数据库 数据安全/隐私保护
【前端】html中的input框中的value值到底是什么
html中的input框中的value值到底是什么
249 0
|
Web App开发 移动开发 HTML5
|
移动开发 HTML5
HTML5 Input 类型
http://www.w3school.com.cn/html5/html_5_form_input_types.asp
676 0