html中多文件上传的代码

在web开发领域，表单中的文件上传功能是一种非常重要的功能。在 HTML 中，我们可以使用 form 元素来实现文件上传功能。但是，在实现多文件上传时，我们需要指定多个文件输入框，这样的代码会显得非常冗长。

html中多文件上传的代码

要解决这个问题，我们可以使用 HTML5 中的 multiple 属性来实现多文件同时上传。此外，我们还需要使用 enctype 属性将表单提交方式设为 multipart/form-data，以便服务器端能够正确地处理文件上传请求。

<form action="upload.PHP" method="post" enctype="multipart/form-data">
  <label for="file-upload">选择多个文件:</label>
  <input id="file-upload" type="file" name="files[]" multiple />
  <input type="submit" value="上传" />
</form>

在上面的示例中，我们使用了 input 元素中的 multiple 属性来指定文件输入框可以选择多个文件。文件的上传请求将提交到一个名为 "upload.PHP" 的页面上。

在服务器端，我们需要使用相应的编程语言来处理上传的文件。以下是使用 PHP 处理文件上传的示例代码：

<?PHP
// 允许上传的文件类型
$allowedTypes = array('jpg','jpeg','gif','png');
 
// 文件上传目录
$uploadDir = 'uploads/';
 
// 如果上传目录不存在，则创建
if (!file_exists($uploadDir)) {
  mkdir($uploadDir,0777,true);
}
 
// 遍历上传的文件
foreach ($_FILES["files"]["error"] as $key => $error) {
  if ($error == UPLOAD_ERR_OK) {
    // 获取上传的文件名和扩展名
    $tmpName = $_FILES["files"]["tmp_name"][$key];
    $name = basename($_FILES["files"]["name"][$key]);
    $ext = pathinfo($name,PATHINFO_EXTENSION);

    // 判断文件类型是否允许上传
    if (in_array($ext,$allowedTypes)) {
      // 将文件移动到上传目录下
      move_uploaded_file($tmpName,$uploadDir . $name);
      echo "文件上传成功：$name
";
    } else {
      echo "不允许上传的文件类型：$name
";
    }
  }
}
?>

在上面的 PHP 代码中，我们首先定义了允许上传的文件类型和上传的目录。然后，我们使用 foreach 遍历上传的文件，并判断文件类型是否允许上传。如果允许上传，则将文件移动到上传目录下，并输出上传成功的信息。

html中多文件上传的代码

相关文章