Input 的 accept 属性以及 MIME 参考
最近在做上传文件模块时,对 input 的 accept 属性做了些了解,以及与其关联的 MIME,之前也了解过,只是没做理解,导致如今再看到竟然没有半点印象,其实就是个因特网标准,这次做下笔记,欢迎指正。
关于 accept
当 input
的 type
定义为 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……)等
作者: leeon
来源: https://leeon.im
链接: https://leeon.im/accept-in-input-and-mime-intro/
本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可