<input type="file" id="file"> 就是一個文件上傳框
1.值——value
這個文件輸入框的value值就是已經選擇文件的路徑。如果用戶選擇了多個文件,則 value
表示他們選擇的文件列表中的第一個文件。
單個及多個文件的value都只打印第一個選擇的文件:
2.屬性
(1)accept
accept
屬性是一個字符串,它定義了文件 input 應該接受的文件類型。這個字符串是一個以逗號為分隔的 唯一文件類型說明符 列表。由於給定的文件類型可以用多種方式指定,因此當你需要給定格式的文件時,提供一組完整的類型指定符是非常有用的。
例如,有許多方法可以識別 Microsoft Word 文件,所以接受 Word 文件的站點可以使用一個<input>
:
<input type="file" id="docpicker" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
(2)capture
(3)files
FileList
對象每個已選擇的文件。如果 multiple
屬性沒有指定,則這個列表只有一個成員。
控制台打印files屬性如下:
包含了文件的名稱、大小、類型創建時間等
(4)multiple
文件可多選(只讀屬性)
3.限制可接收的文件類型
詳細內容查看MDN官網