[笔记]input file类型控制

发布时间：2020-12-15 01:18:48 所属栏目：C语言来源：网络整理

导读：上传文件时，我们经常使用到type是file的input元素。一、multiple属性用于设置多选，当设置了multiple=multiple（multiple也行）时，在选择文件时，是支持框选或ctrl键多选文件(夹)的。二、accept属性限制用户选择的文件类型，当然，用户是可以切换到所

上传文件时，我们经常使用到type是file的input元素。

一、multiple属性

用于设置多选，当设置了multiple=”multiple”（multiple也行）时，在选择文件时，是支持框选或ctrl键多选文件(夹)的。

二、accept属性

限制用户选择的文件类型，当然，用户是可以切换到所有文件上。

比如使用了

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

打开的对话框是默认选择所有的图片格式，当然，这种设置方法会导致弹出比较慢，我们可以直接设置具体的图片类型。

附上比较常用的格式。


*.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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!