如何在HTML表单中允许多个文件上传-html教程-PHP中文网

如何在HTML表单中允许多个文件上传

PHPz

发布： 2023-08-28 20:25:03

转载

1604人浏览过

如何在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 <input> 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.

php订单系统可以整合支付宝接口

一、系统设置：用Dreamweaver等网页设计软件在代码视图下打开【dddingdan/config.php】系统设置文件，按注释说明进行系统设置。二、系统使用：WFPHP在线订单系统是无台后的，不用数据库，也不用安装，解压源码包后，先进行系统设置，然后把整个【dddingdan】文件夹上传到服务器。在网页中要插入订单系统的位置，插入系统调用代码：注意：id=01就表示使用样式01，如果要使

查看详情

我们也可以选择尽可能多的文件。下面的输出显示我们选择的文件数量。

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中文网其它相关文章！