在上传文件的时候,需要限制指定的文件类型。
accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。accept暂时只支持type="file"
zip rar
zip是accept=".application/zip",如果需要选中zip和rar则accept=".zip,.rar"。
accept
文件类型
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
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
application/zipapplication/x-zip-compressed
Compressed Archive
转为代码
// 文件上传accept接受的文件类型
export const fileTypes = {
".3gpp": "audio/3gpp, video/3gpp",
".ac3": "audio/ac3",
".asf": "allpication/vnd.ms-asf",
".au": "audio/basic",
".css": "text/css",
".csv": "text/csv",
".doc": "application/msword",
".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
".dot": "application/msword",
".dotx": "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
".docm": "application/vnd.ms-word.document.macroEnabled.12",
".dotm": "application/vnd.ms-word.template.macroEnabled.12",
".dtd": "application/xml-dtd",
".dwg": "image/vnd.dwg",
".dxf": "image/vnd.dxf",
".gif": "image/gif",
".htm": "text/html",
".html": "text/html",
".jp2": "image/jp2",
".jpe": "image/jpeg",
".jpeg": "image/jpeg",
".jpg": "image/jpeg",
".js": "text/javascript, application/javascript",
".json": "application/json",
".mp2": "audio/mpeg, video/mpeg",
".mp3": "audio/mpeg",
".mp4": "audio/mp4, video/mp4",
".mpeg": "video/mpeg",
".mpg": "video/mpeg",
".mpp": "application/vnd.ms-project",
".ogg": "application/ogg, audio/ogg",
".pdf": "application/pdf",
".png": "image/png",
".pot": "application/vnd.ms-powerpoint",
".potm": "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
".potx": "application/vnd.openxmlformats-officedocument.presentationml.template",
".pps": "application/vnd.ms-powerpoint",
".ppsm": "application/vnd.ms-powerpoint.slideshow.macroEnabled.12",
".ppsx": "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
".ppt": "application/vnd.ms-powerpoint",
".pptm": "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
".pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
".ppa": "application/vnd.ms-powerpoint",
".ppam": "application/vnd.ms-powerpoint.addin.macroEnabled.12",
".rtf": "application/rtf, text/rtf",
".svf": "image/vnd.svf",
".tif": "image/tiff",
".tiff": "image/tiff",
".txt": "text/plain",
".wdb": "application/vnd.ms-works",
".wps": "application/vnd.ms-works",
".xhtml": "application/xhtml+xml",
".xlc": "application/vnd.ms-excel",
".xlm": "application/vnd.ms-excel",
".xla": "application/vnd.ms-excel",
".xlam": "application/vnd.ms-excel.addin.macroEnabled.12",
".xls": "application/vnd.ms-excel",
".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
".xlsm": "application/vnd.ms-excel.sheet.macroEnabled.12",
".xlsb": "application/vnd.ms-excel.sheet.binary.macroEnabled.12",
".xlt": "application/vnd.ms-excel",
".xltx": "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
".xltm": "application/vnd.ms-excel.template.macroEnabled.12",
".xlw": "application/vnd.ms-excel",
".xml": "text/xml, application/xml",
".zip": "application/zipapplication/x-zip-compressed",
};
参考链接
https://blog.csdn.net/nibonnn/article/details/105331405