accept屬性篩選文件類型

 

 

如果你不希望用戶上傳任何類型的文件, 你可以使用 input 的 accept 屬性.

 

設置支持 .doc / .docx / .xls / .xlsx / .pdf 格式:

 

 <input type="file" accept=".doc,.docx,.xls,.xlsx,.pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" >

如果需要支持 .png  等，則在 accept 添加上既可，都逗號分隔。

　

 

 

擴展知識：

 

 

accept 屬性接受一個逗號分隔的 MIME 類型字符串, 如:

 

• accept="image/png" or accept=".png" — 只接受 png 圖片.
• accept="image/png, image/jpeg" or accept=".png, .jpg, .jpeg" — PNG/JPEG 文件.
• accept="image/*" — 接受任何圖片文件類型. 
• accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" — 接受任何 MS Doc 文件類型.

 

 

<input> type 類型為 file 的 input 元素使得用戶可以選擇一個或多個元素以提交表單的方式上傳到服務器上，或者通過 Javascript 的 File API 對文件進行操作