javascript - 如何在php中一张一张处理多张图片上传

Question

我们有一个带有 <input type="file" name="u_file" class="u_class" id="u_id"> 的 html 表单.当用户上传图片时，它会在提交表单之前显示在下面的 div 中。

<div class="preview-div">


</div>.

那是当用户上传图片时，我们通过 jquery 将图片附加到 div。

$("#u_id").change(function(event){

  $(".preview-div").append(' <img style="" class="img-class"  src="'+URL.createObjectURL(event.target.files[0])+'">');
  etc.....

});

提交表单时会检查

if($_FILES['u_file']['name'] !=""){

$uploadedfile = $_FILES['user_file'];
$image_name=$_FILES['u_file']['name'];

move_imageto_dir();
etc....

}

在这里move_imageto_dir();是我们写的自定义函数。

但问题是它只会检查和移动最后一张图像。如何解决这个问题？

即$_FILES['u_file'] 只包含最新上传的图片。我们需要做什么？我们不能使用<input type='file' multiple>

谢谢。

Answer 1

将文件输入命名为数组

<input type="file" name="u_file[]" class="u_class" id="u_id">

$_FILES['u_file'] 现在是一个数组

foreach ($_FILES['u_file'] as $file) {
$image_name=$file['name'];

move_imageto_dir();
etc....

}