时间戳

首页 > 解决方案 > 使用ajax和laravel上传多个文件不起作用

php - 使用ajax和laravel上传多个文件不起作用

问题描述

我的代码有问题。问题是当我使用 Jquery Ajax(Front) 和 Laravel(Back) 上传多个文件时，它只上传了一个文件而不是所有文件。

index.blade.php（表单）

                <input type="file" name="file[]" class="form-control-file file-1">
                <input type="file" name="file[]" class="form-control-file file-2">

index.blade.php (Ajax Jquery)

  var data = new FormData();

  data.append('file[0]', $('.file-1')[0].files[0]);
  data.append('file[1]', $('.file-2')[0].files[0]);

  $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
  });

  $.ajax({
    url: '{{ url('/layanan/file/users/store') }}',
    type: 'POST',
    data: data,
    processData: false,
    contentType: false,
    success: function(response){
      mprogress.end();
      console.log(data);
    },
  });

php文件逻辑@store

    $request->file[0]->move(public_path('file'), time().'.'.$request->file[0]->extension());
    $request->file[1]->move(public_path('file'), time().'.'.$request->file[1]->extension());

谢谢。

标签： phpjqueryajaxlaravelform-data

解决方案

我认为问题在于您time()在这两种情况下都使用生成随机文件名。由于每一行可能需要不到一秒的时间，time()因此将为两者返回相同的值，这意味着 file#2 将与 file#1 具有相同的名称并将覆盖它。

尝试使用不同的文件名生成，可能只是静态名称，例如file1andfile2而不是，或者使用此线程time()中提到的技术之一生成随机文件名。

推荐阅读