我尝试使用 AJAX 和 PHP 上传多张图片，但出现错误

Question

在我的form.php

<form method="POST" enctype="multipart/form-data">
  <input type="file" name="file_upload[]" id="file_upload" style="display:none;" required multiple accept="images/*" onchange="preview_image()">
</form>

下面还有一个提交按钮。

在我的jquery部分

$('#submit').on('click', function(e) {
  var files = $('#file_upload')[0].files;
  var form_data = new FormData();
  form_data.append("file_upload",files);

  $.ajax({
    url:"execute/Script.php?request=submit",
    type: "POST",
    data: form_data,
    cache: false,
    contentType: false,
    processData: false,
    success: function(dataResult){
      var dataResult = JSON.parse(dataResult);
    
      if(dataResult.statusCode == 1){
        alert("Success!");
      }
    }
  });
});

在我的 script.php

if($_GET['request']=="submit"){
  $gallery_G = "";

  foreach($_FILES['file_upload']['error'] as $key => $error){

    if($error==UPLOAD_ERR_OK){
      $tmp_name = $_FILES['file_upload']['tmp_name'][$key];
      $PhotoName = $_FILES['file_upload']['name'][$key];
                    
      move_uploaded_file($tmp_name,"../img/properties/$name");
      $gallery_G = $gallery_G.';'.$PhotoName;
    }
  }

  $sql = mysqli_query($conn,"INSERT INTO property(photos) VALUES('$gallery_G')");

  if($sql) {
    echo json_encode(array("statusCode"=>1));
  }
  else{
    echo json_encode(array("statusCode"=>2));
  }
}

但它 returns 我这个:

Notice: Undefined index: file_upload in G:\Xampp\htdocs\execute\Script.php on line 31

Warning: Invalid argument supplied for foreach() in G:\Xampp\htdocs\execute\Script.php on line 31
{"statusCode":2}

有什么解决办法吗？我需要使用 'append' 方法发送这些照片。并且需要在 'Script.php' 中获取这些照片，以便我可以从那里处理或上传它们。

Answer 1

尝试将表单元素传递给 FormData。之后不需要调用append方法。

  var files = $('form')[0];
  var form_data = new FormData(files);

通过使用 append() 方法，您将 [object FileList] 放入 file_upload 键下的 $_POST 数组中

如果您只需要表单中的文件，则需要一个循环：

  var files = $('#file_upload')[0].files;
  var form_data = new FormData();
    
  for (var i = 0; i < files.length; i++) {
    form_data.append("file_upload[]",files[i]);
  }

我尝试使用 AJAX 和 PHP 上传多张图片，但出现错误

I'm trying to upload multiple images using AJAX and PHP but there is an error

php

ajax

jquery