在上传文件时，在表单元素中设置accept属性，这个属性只能与<input type="file">一起使用才生效。
accept的属性值是MIME值，MIME值对应的文件类型可以看这个链接
菜鸟编程-MIME类型l
例如，我只想要用户上传的文件是pdf文件，那么根据PDF对应的MIME值为application/pdf，只需要将这个值填入到accept属性中即可
<input type="file" accept="application/pdf">
如果想要限制上传的文件有多种，那么可以用英文逗号隔开多个MIME值。
例如，我想要用户上传的只能是TXT、PDF、DOC，那么就可以这么写
<input type="file" accept="text/plain,application/pdf,application/msword">
当用户在上传文件的时候，只能选择对应的文件，不能选择其他的格式。
在这列出一些常用的文件的MIME表
| 文件类型 | MIME值 |
|---|---|
| txt文本格式 | text/plain |
| HTML 文件格式 | text/html |
| doc文档 | application/msword |
| docx文档 | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
| png图像格式 | image/png |
| gif图像格式 | image/gif |
| jpg图片格式 | image/jpeg |
| mp4视频格式 | video/mp4 |
| mp3音频格式 | audio/mpeg |
在服务端检验文件类型时，也是同样的道理
标签：文件,限制,image,accept,MIME,文件类型,上传 From： https://www.cnblogs.com/itkkk/p/16924805.html