input accept属性限制文件上传格式
Posted mmzuo-798
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input accept属性限制文件上传格式相关的知识，希望对你有一定的参考价值。
上传文件的类型；具体做法如下所示：
注意：accept属性可以限制上传格式，其有兼容性如下
《1》上传.csv格式的
<input text="file" accept=".csv" />
《2》上传.xls格式
<input text="file" accept="application/vnd.ms-excel"/>
《3》上传.xslx格式
<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
《4》上传.png/.jpg/etc格式
<input type="file" accept="text/plain" />
《5》上传图片格式
<input type="file" accept="image/*" />
《6》上传.htm,.html格式
<input type="file" accept="text/html" />
《7》上传video(.avi, .mpg, .mpeg, .mp4)格式
<input type="file" accept="video/*" />
《8》上传audio(.mp3, .wav, etc)格式
<input type="file" accept="audio/*" />
《9》上传.pdf格式
<input type="file" accept=".pdf" />
《10》如果限制两种文件格式，同时限制
<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">
注意：以逗号分隔开
以上是关于input accept属性限制文件上传格式的主要内容，如果未能解决你的问题，请参考以下文章
vue 里怎么通过魔数（magic number）去限制上传文件类型？