一门APP开发教程

标题: accept属性设置 <input type="file" accept="image/*" /> [打印本页]

作者: 陈家粉儿    时间: 2021-11-11 17:58
标题: accept属性设置 <input type="file" accept="image/*" />
accept属性设置 <input type="file" accept="image/*" />   限制单个或多个文件类型
  1. 在上传文件的时候,需要限制指定的文件类型。

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

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

示例我们要上传TXT
.txt结尾的所有文件
<input type="file" accept="text/plain" />

如果有多个,以“,”分割即可





欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/) Powered by Discuz! X3.4