input的type=file上传文件accept中限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

2024-06-28 13:07| 来源: 网络整理| 查看: 265

（IE9及以下不支持下面这些功能，其它浏览器最新版本均已支持。）

1、允许上传文件数量

1. 允许选择多个文件： 2. 只允许上传一个文件：

2、上传指定的文件格式如指定默认格式为gif、png：

如果不限制上传图片的格式，只限制图片可写成：accept="image/*"

这里的上传格式仅指打开上传弹窗选择文件时默认的文件格式，也可选择文件时手动修改成所有文件(*)，如下图：在这里插入图片描述

限制上传.xls、.xlsx文件： //限制.xls文件 accept="application/vnd.ms-excel" //限制.xlsx文件 accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"

同时限制上传.xls、.xlsx文件

这只是指定了选择文件的默认类型，真实限制类型还要用到JS代码

if (['xls','xlsx'].indexOf(FileExt.toLowerCase()) === -1){ this.$message.warning('只能上传.XLS.XLSX格式的文件!'); return false; } 3.其他的accept的接受格式 *.3gppaudio/3gpp, video/3gpp3GPP Audio/Video*.ac3audio/ac3AC3 Audio*.asfallpication/vnd.ms-asfAdvanced Streaming Format*.auaudio/basicAU Audio*.csstext/cssCascading Style Sheets*.csvtext/csvComma Separated Values*.docapplication/mswordMS Word Document*.dotapplication/mswordMS Word Template*.dtdapplication/xml-dtdDocument Type Definition*.dwgimage/vnd.dwgAutoCAD Drawing Database*.dxfimage/vnd.dxfAutoCAD Drawing Interchange Format*.gifimage/gifGraphic Interchange Format*.htmtext/htmlHyperText Markup Language*.htmltext/htmlHyperText Markup Language*.jp2image/jp2JPEG-2000*.jpeimage/jpegJPEG*.jpegimage/jpegJPEG*.jpgimage/jpegJPEG*.jstext/javascript, application/javascriptJavaScript*.jsonapplication/jsonJavaScript Object Notation*.mp2audio/mpeg, video/mpegMPEG Audio/Video Stream, Layer II*.mp3audio/mpegMPEG Audio Stream, Layer III*.mp4audio/mp4, video/mp4MPEG-4 Audio/Video*.mpegvideo/mpegMPEG Video Stream, Layer II*.mpgvideo/mpegMPEG Video Stream, Layer II*.mppapplication/vnd.ms-projectMS Project Project*.oggapplication/ogg, audio/oggOgg Vorbis*.pdfapplication/pdfPortable Document Format*.pngimage/pngPortable Network Graphics*.potapplication/vnd.ms-powerpointMS PowerPoint Template*.ppsapplication/vnd.ms-powerpointMS PowerPoint Slideshow*.pptapplication/vnd.ms-powerpointMS PowerPoint Presentation*.rtfapplication/rtf, text/rtfRich Text Format*.svfimage/vnd.svfSimple Vector Format*.tifimage/tiffTagged Image Format File*.tiffimage/tiffTagged Image Format File*.txttext/plainPlain Text*.wdbapplication/vnd.ms-worksMS Works Database*.wpsapplication/vnd.ms-worksWorks Text Document*.xhtmlapplication/xhtml+xmlExtensible HyperText Markup Language*.xlcapplication/vnd.ms-excelMS Excel Chart*.xlmapplication/vnd.ms-excelMS Excel Macro*.xlsapplication/vnd.ms-excelMS Excel Spreadsheet*.xltapplication/vnd.ms-excelMS Excel Template*.xlwapplication/vnd.ms-excelMS Excel Workspace*.xmltext/xml, application/xmlExtensible Markup Language*.zipaplication/zipCompressed Archive

【本文地址】

公司简介

联系我们