在文件上傳控件(input type='file')中,可以通過accept屬性實現對文件類型的過濾。
一、相關代碼
下面給出對應的文件上傳控件代碼:
<input type="file" id="myFile" accept="image/jpeg,image/gif,application/msword"/><br/>
上面的代碼表示限制文件上傳類型為.jpg/.gif/.doc。
二、限制規則
在文件上傳控件的accept屬性中,接受以下兩種格式的限制符:
- 文件類型,但不限制具體擴展名,如:image/*,就只要是圖片就行。
- 文件類型+具體的文件擴展類型,如:image/jpeg,使用的是MIME_TYPE類型
- 多個MIME_TYPE類型之間用逗號分隔。
三、accept屬性具體接受的類型
以下是幾個常用的類型,其它的可以查詢相關資料:
- .doc application/msword
- .jpg image/jpg
- .txt text/plain
- .xls application/vnd.ms-excel