Laravel中使用FormData通过AJAX上传文件无法获取Payload问题求助

核心问题 #

你遇到的问题根源是AJAX请求没有正确传递文件数据：控制台显示的ufiles: '[object File],[object File]'说明你把File对象直接转成了字符串，服务器收到的只是文本内容，而非实际的文件数据流，所以Laravel的hasFile方法、$_FILES全局变量都无法识别到文件。

解决步骤 #

1. 正确构建FormData对象
   不要将File对象拼接成字符串，直接将每个File对象追加到FormData中（注意用[]标识数组）：

   const formData = new FormData();
   // 假设你从拖放区域获取到的文件数组为filesList
   filesList.forEach(file => {
       formData.append('ufiles[]', file);
   });
   

2. 配置AJAX请求参数
   必须禁用processData和contentType，避免AJAX自动处理数据格式破坏文件流：

   $.ajax({
       url: '/your-upload-endpoint',
       method: 'POST',
       data: formData,
       processData: false, // 禁止自动处理FormData
       contentType: false, // 让浏览器自动设置正确的Content-Type
       headers: {
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // Laravel需要CSRF令牌
       },
       success: res => {
           // 处理上传成功逻辑
       },
       error: err => {
           // 处理错误逻辑
       }
   });
   

3. Laravel控制器处理文件
   此时可以正常获取文件数组并处理：

   public function upload(Request $request)
   {
       if ($request->hasFile('ufiles')) {
           foreach ($request->file('ufiles') as $file) {
               if ($file->isValid()) {
                   // 示例：保存到storage/app/uploads目录
                   $path = $file->store('uploads');
                   // 后续逻辑，比如记录路径到数据库
               }
           }
       }
       return response()->json(['status' => 'success']);
   }
   

额外检查 #

检查你使用的拖放代码，确保收集到的是原生File对象数组，而非被转换为字符串的内容。如果原代码中有将File对象转为字符串的操作，需要移除，直接保留File对象用于构建FormData。

内容的提问来源于stack exchange，提问作者Jim