如何只接受圖片類型的 input file 欄位
在表單中添加一個文件欄位時，您可能希望將選擇器限制為圖片類型。
當然，您可以添加一個服務器端的過濾器，但同樣，在客戶端添加一個過濾器對於用戶體驗來說是很好的，不會浪費時間和資源將文件發送給您並得到錯誤回覆。
您可以通過使用 accept 屬性並指定您接受的文件的 MIME 類型來實現這一點。
image/* 可以匹配所有的圖片。
1 | <input type="file" name="myImage" accept="image/*" /> |
如果您只想允許某些特定的文件類型，請列出它們。
1 | <input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" /> |
您可以在這裡檢查該屬性的瀏覽器支持情況：https://caniuse.com/#feat=input-file-accept
tags: [“HTML”, “文件上傳”, “MIME 類型”]