最近在做上传文件模块时,对 input 的 accept 属性做了些了解,以及与其关联的 MIME,之前也了解过,只是没做理解,导致如今再看到竟然没有半点印象,其实就是个因特网标准,这次做下笔记,欢迎指正。

关于 accept

inputtype 定义为 file 时,accpet 属性给客户端传递一种信息,哪些文件格式是可被接受的,在进行文件选择时,客户端只会匹配可接受格式的文件供选择,给用户提供了很大的方便。

用法:
<input accept="value">
value 是逗号隔开的 MIME 类型列表。

举例:

1
2
3
4
5
<h1>匹配所有图片格式、视频格式、音频文件、文本格式</h1>
<input type="file" accept="image/*,video/*,audio/*,text/*">

<h1>匹配 xls xlsx 两种表格文件</h1>
<input type="file" accept=".xlsx,.xls">

关于 MIME

MIME 是什么?一句话描述,MIME (Multipurpose Internet Mail Extensions) 是描述消息内容类型的因特网标准。

没了?没了。

类型包括 application(pdf\doc\xls\ppt……)、image(jpg\png\gif……)、audio(mp3\mid\wav\bom……)、video(avi\movie\mpg……)、text(css\html\c\h……)、x-world(flr\wrl\wrz……)等