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

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

PHPz

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

转载

1611人浏览过

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

X-Node企业快速建站1.0.6.0801

特色介绍： 1、ASP+XML+XSLT开发，代码、界面、样式全分离，可快速开发 2、支持语言包，支持多模板，ASP文件中无任何HTML or 中文 3、无限级分类，无限级菜单，自由排序 4、自定义版头（用于不规则页面） 5、自动查找无用的上传文件与空目录，并有回收站，可删除、还原、永久删除 6、增强的Cache管理，可单独管理单个Cache 7、以内存和XML做为Cache，兼顾性能与消耗 8、

查看详情

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

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