如何在HTML表單中允許多個檔案上傳

PHPz
發布: 2023-08-28 20:25:03
轉載
985 人瀏覽過

如何在HTML表單中允許多個檔案上傳

In this article, we will learn how to allow multiple files uploads in HTML forms.

我們使用多個屬性,以允許在HTML表單中進行多個檔案上傳。多個屬性適用於電子郵件和文件輸入類型。

If you want to allow a user to upload the file to your website, you need to use a file upload box, also known as a file, select box. This is created using the element and the type of attribute is set to file.

文法

以下是在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><br><br>
      <br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>
登入後複製

以下是上述範例程式的輸出,其中在輸入欄位中未選擇任何檔案。

We have chosen only one file in the input field. Below is the output shows the file, we have chosen.

我們也可以選擇盡可能多的檔案。下面的輸出顯示我們選擇的文件數量。

Using ‘multiple’ Attribute with Values of Multiple Files

The below syntax work same as the above-mentioned syntax. We assign ‘multiple’ attribute with the value of multiple for selecting multiple files in the input field.

文法

以下是在HTML表單中選擇多個檔案上傳的語法。

<input type="file" name="name" multiple=>
登入後複製

Example

的中文翻譯為:

範例

以下是在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>
登入後複製

正如我們在輸出中看到的,我們已經選擇了四個檔案進行上傳。

以上是如何在HTML表單中允許多個檔案上傳的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板