早睡早起,方能养生!
Sleep early rise early, square can preserve one's health!

HTML5 input file文件上传限制可选择的文件类型

super
2021-04-15 18:24
views 583
<input type="file" name="file"  />

 

使用 input file 的 accept 属性。accept可以用来指定浏览器接受的文件类型,在打开系统文件选择器时,系统会进行过滤,如果想支持多种类型的话,那么在accept填写多个属性即可。

 

选择图片文件:

 

<input type="file" name="file" accept="image/*" />

 

选择视频文件:

 

<input type="file" name="file" accept="video/*" />

 

选择音频文件:

 

<input type="file" name="file" accept="audio/*" />

 

选择TXT文档:

 

<input type="file" name="file" accept=".txt" />

 

多种格式:

 

<input type="file" name="file" accept=".txt,.doc,.bat" />

 

MIME类型列表


分享
0 条讨论
top