選擇多個檔案並限制檔案型別

HTML5 檔案 API 允許你通過簡單地在檔案輸入上設定 accept 屬性來限制接受哪種檔案，例如：

<input type="file" accept="image/jpeg">

指定由逗號分隔的多個 MIME 型別（例如 image/jpeg,image/png）或使用萬用字元（例如 image/*允許所有型別的影象）為你提供了一種快速而強大的方法來限制你要選擇的檔案型別。以下是允許任何圖片或視訊的示例：

<input type="file" accept="image/*,video*">

預設情況下，檔案輸入允許使用者選擇單個檔案。如果要啟用多個檔案選擇，只需新增 multiple 屬性：

<input type="file" multiple>

然後，你可以通過檔案輸入的 files 陣列讀取所有選定的檔案。見讀取檔案 dataUrl