concrete5-如何在php中通过ajax上传文件

编程问答 2022-06-03

问题描述

我正在尝试通过ajax上传多个文件，但是我不知道如何在PHP中获取上传的文件。我发给他们

var attachments = $('.attachment-file');
var post_data = new FormData();
if (attachments.length > 0) {
    attachments.each(function(i,v) {
        post_data.append('my_file',$(v)[0].files);
    });
}
$.ajax({
    cache: false,contentType: false,processData: false,method: 'post',type: 'post',data: post_data,url: form.attr('action'),})
.done(function(response) {
...

但是当我尝试像这样获取PHP文件时：

$data = $this->request->request->all();
$files = $data['my_file']; \Log::Info(var_dump_safe($files));
foreach ($files as $file) {

它抱怨“为foreach（）提供了无效的参数”。转储显示字符串（17）“ [object FileList]”。如果文件在那里，我如何获取它？

JS日志文件console.log（$（v）[0] .files）;看起来像这样：

FileList(1)
0: File
lastModified: 1604656019000
name: "Screenshot_20201106_204451.png"
size: 66866
type: "image/png"
webkitRelativePath: ""
<prototype>: FilePrototype { name: Getter,lastModified: Getter,webkitRelativePath: Getter,… }
length: 1
<prototype>: FileListPrototype { item: item(),length: Getter,… }

\ Log :: Info（var_dump_safe（$ data））的整个表单数据转储；看起来像这样：

array(4) {
["topic"]=>
string(2) "24"
["title"]=>
string(5) "Title"
["content"]=>
string(4) "Test"
["my_file"]=>
string(8) "Array(1)"
}

和\ Log :: Info（var_dump_safe（$ data ['my_file']））;;

数组的转储 
array(1) {
 [0]=>
 string(17) "[object FileList]"
 }

如何获取文件数据？

解决方法

工作解决方案：

这是使用ajax发送多个文件的方式。

JS：

var post_data = new FormData();
attachments.each(function(i,v) {
    post_data.append('my_file[]',v.files[0]);
    console.log(v.files[0]);
});

PHP：

$files = $this->request->files;
$files = $files->get('my_file');
foreach ($files as $file) {
    \Log::Info(var_dump_safe($file->getClientOriginalName()));
}

现在一切正常。

PS。不要忘记不要发布和上传大于PHP限制post_max_size和upload_max_size的文件！

ajaxconcrete5file-uploadjavascript