jquery - 如何在laravel Controller 中获取多个图像文件/数据

Question

我通过 jquery ajax 请求向 laravel 发送多个输入。

这是我的脚本

jqyery 脚本:

var album_file=document.getElementById("upload_file").files;//getting multiple images

var albumname = document.getElementById('albumname').value;//albumname
 console.log(album_file);

 $.get('/photoalbum/?albumdetail='+album_file+'&albumname='+albumname,function(data){
              console.log(data);

           });

点击上传比特顿脚本执行，我在专辑文件的控制台上获取以下数据

FileList {0: File, 1: File, length: 2}
length:2
0:File
  lastModified:1489731759920
  lastModifiedDate:Fri Mar 17 2017 11:52:39 GMT+0530 (India Standard    Time)
  name:"1.png"
  size:117627
  type:"image/png"
  webkitRelativePath:""
__proto__:
    File
    1:File

当我在 Laravel Controller 中接收请求时，采用下面的形式

  public function storealbum(Request $request)
{
   print_r($request::all());

}

并打印:

Array ( [albumdetail] => [object FileList] [albumname] => tet )

我想要的是我所有的文件对象，而不是 [object FileList]。

我在哪里犯了错误。

Answer 1

我知道这是一个老话题，但我遇到了同样的错误。

此问题的解决方案包括两件事:

首先，发送并选择实际文件

在我选择具有属性 .files 的文件之前，但遵循此问题 How to upload a file using jQuery.ajax and FormData 中的注释它们表明您实际上应该使用 .files[0] 来发送实际选定的文件。

其次，AJAX 调用应排除流程数据和内容类型

在同一问题中How to upload a file using jQuery.ajax and FormData它们表明您应该向 AJAX 调用添加两个参数，以避免修改数据:processData:false 和 contentType:false 这里是它们使用的示例代码:

$.ajax({
   url: "upload.php",
   type: "POST",
   data: formData,
   processData: false,
   contentType: false,
   success: function(response) {
       // .. do something
   },
   error: function(jqXHR, textStatus, errorMessage) {
       console.log(errorMessage); // Optional
   }
});

formData 应该像这样初始化:

let formData = new FormData();
//And then include the attachments, can be just one file or an array of them
//The first parameter is the name of the field and the second one is just the data
formData.append('attachments', attachments_array);

我希望这个答案可以帮助其他人将来或者至少再次帮助我自己。