1. 程式人生 > >HTML5的 input:file上傳類型控制

HTML5的 input:file上傳類型控制

name script pdf ava format openxml doc all reads

屬性值有以下幾個比較常用:

accept:表示可以選擇的文件MIME類型,多個MIME類型用英文逗號分開,常用的MIME類型見下表。

multiple:是否可以選擇多個文件,多個文件時其value值為第一個文件的虛擬路徑。

<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />

常用MIME類型

後綴名——MIME名稱

*.3gpp——audio/3gpp,video/3gpp

*.ac3——audio/ac3

*.asf——allpication/vnd.ms-asf

*.au——audio/basic

*.css——text/css

*.csv——text/csv

*.doc——application/msword

*.dot——application/msword

*.dtd——application/xml-dtd

*.dwg——image/vnd.dwg

*.dxf——image/vnd.dxf

*.gif——image/gif

*.htm——text/html

*.html——text/html

*.jp2——image/jp2

*.jpe——image/jpeg

*.jpeg——image/jpeg

*.jpg——image/jpeg

*.js——text/javascript,——application/javascript

*.json——application/json

*.mp2——audio/mpeg,——video/mpeg

*.mp3——audio/mpeg

*.mp4——audio/mp4,——video/mp4

*.mpeg——video/mpeg

*.mpg——video/mpeg

*.mpp——application/vnd.ms-project

*.ogg——application/ogg,——audio/ogg

*.pdf——application/pdf

*.png——image/png

*.pot——application/vnd.ms-powerpoint

*.pps——application/vnd.ms-powerpoint

*.ppt——application/vnd.ms-powerpoint

*.rtf——application/rtf,——text/rtf

*.svf——image/vnd.svf

*.tif——image/tiff

*.tiff——image/tiff

*.txt——text/plain

*.wdb——application/vnd.ms-works

*.wps——application/vnd.ms-works

*.xhtml——application/xhtml+xml

*.xlc——application/vnd.ms-excel

*.xlm——application/vnd.ms-excel

*.xls——application/vnd.ms-excel

*.xlt——application/vnd.ms-excel

*.xlw——application/vnd.ms-excel

*.xml——text/xml,——application/xml

*.zip——aplication/zip

*.xlsx——application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

HTML5的 input:file上傳類型控制