H5之文件上傳(input -file)


<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官網

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM