Laravel：Dropzone Ajax请求中Session数组无法正常持久化问题

看起来你遇到的核心问题是Dropzone的Ajax请求没有复用Laravel的Session，导致每次请求都生成新的Session，自然无法读取到之前存储的request_timestamp键值。

为什么会这样？ #

Laravel的Session默认依赖Cookie来标识用户会话，但Dropzone发起的Ajax请求默认不会自动携带Cookie（尤其是跨域场景下）。这就导致每个上传请求都处于一个全新的Session中，之前存储的文件数组自然找不到，每次都会进入No分支。

具体解决步骤 #

1. 让Dropzone携带Session Cookie

在Dropzone的初始化配置中添加withCredentials: true，这样Ajax请求会自动带上Laravel的Session Cookie：

Dropzone.options.yourDropzoneElement = {
    url: "/your-upload-endpoint", // 替换成你的上传接口地址
    withCredentials: true, // 关键配置：携带Cookie
    headers: {
        // 别忘了带上CSRF Token，Laravel默认要求POST请求验证
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
    },
    // 其他Dropzone配置...
};

同时确保你的页面已经包含CSRF meta标签：

<meta name="csrf-token" content="{{ csrf_token() }}">

2. 处理跨域场景（如果前后端跨域）

如果你的前端和后端部署在不同域名下，还需要在Laravel中配置允许跨域携带Credentials：

• 如果你使用barryvdh/laravel-cors包，修改config/cors.php：

  return [
      'paths' => ['api/*', 'upload/*'], // 匹配你的上传接口路径
      'allowed_methods' => ['*'],
      'allowed_origins' => ['https://your-frontend-domain.com'], // 替换成你的前端域名
      'allowed_origins_patterns' => [],
      'allowed_headers' => ['*'],
      'exposed_headers' => [],
      'max_age' => 0,
      'supports_credentials' => true, // 关键：允许携带Credentials
  ];
  

• 如果你自定义CORS中间件，确保添加响应头：

  public function handle(Request $request, Closure $next)
  {
      $response = $next($request);
      
      if ($request->headers->has('Origin')) {
          $response->header('Access-Control-Allow-Origin', $request->headers->get('Origin'))
                   ->header('Access-Control-Allow-Credentials', 'true')
                   ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
      }
      
      return $response;
  }
  

3. 修正代码中的日志错误

看你代码最后一行的日志打印有个小问题：

\Log::debug(print_r(\Session::get( json_decode( $form_data['request_timestamp'] ) ),true));

你存Session的时候用的是字符串类型的$form_data['request_timestamp']当键，但这里json_decode之后变成了整数，导致日志读取的是错误的键。修正为：

\Log::debug(print_r(\Session::get( $form_data['request_timestamp'] ),true));

验证效果 #

修改完成后，重新测试两次上传请求：

• 第一次请求会进入No分支，存储第一个文件数组
• 第二次请求会进入Has分支，读取到之前的数组并追加新文件

这样就能实现你想要的累加文件名数组的需求了。

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