資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 表單中允許上傳多個檔案。
在本文中，我們將學習如何在 HTML 表單中允許上傳多個檔案。
我們使用 `multiple` 屬性來允許在 HTML 表單中上傳多個檔案。`multiple` 屬性適用於電子郵件和檔案輸入型別。
如果您想允許使用者將檔案上傳到您的網站，您需要使用檔案上傳框，也稱為檔案選擇框。這是使用 `` 元素建立的，並且 `type` 屬性設定為 `file`。
語法
以下是用於在 HTML 表單中選擇多個檔案上傳的語法。
<input type="file" name="name" multiple>
示例（使用 `multiple` 屬性）
以下是用於在 HTML 表單中選擇多個檔案上傳的示例程式。
<!DOCTYPE html> <html> <head> <title>Upload multiple files</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <input type="file" name="name" multiple><br><br> <br> <input type="submit" value="Submit"> </form> </body> </html>
以下是上述示例程式的輸出，其中輸入欄位中未選擇任何檔案。
我們只在輸入欄位中選擇了一個檔案。以下是顯示我們所選檔案的輸出。
我們也可以選擇任意多個檔案。以下輸出顯示了我們選擇的 檔案數量。
使用具有多個檔案值的“multiple”屬性
以下語法與上述語法相同。我們將 `multiple` 屬性分配給 `multiple` 的值，以便在輸入欄位中選擇多個檔案。
語法
以下是用於在 HTML 表單中選擇多個檔案上傳的語法。
<input type="file" name="name" multiple=>
示例
以下是用於在 HTML 表單中選擇多個檔案上傳的示例程式。
<!DOCTYPE html> <html> <head> <title>Upload multiple files</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <input type="file" name="name" multiple="multiple"><br><br> <br> <input type="submit" value="Submit"> </form> </body> </html>
正如我們在輸出中看到的，我們選擇了四個檔案進行上傳。
更新於: 2022年11月21日
18K+ 瀏覽量
廣告