accept屬性

input標籤是在前臺開發中經常使用的，總結下其accept屬性，即允許上傳的文件類型。

input標籤內置了很多允許上傳的文件類型，只需要對應配置即可。

<input type="file" accept="application/msword" >

accept列表

1.accept="application/msexcel"
2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"

=======================================================

由於不同瀏覽器的兼容問題，可能對應不同瀏覽器無法使用，經測試，在chrome下測試通過。後續其他的瀏覽器也會去適配（IE待定）

若上傳的文件中的選擇有多個，可以在accept中進行添加。

例：

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

同樣，也可以使用通配符進行匹配

例：

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

當然，這裏面的文件無法包括全部，若需要對其他文件進行控制，則建議自行進行校驗控制。