在null上调用成员函数getClientOriginalName（）

Question

我可以使用我的api将文件成功上传到Amazon s3存储桶，并得到响应：

但是，当我将此api集成到我的应用程序中时，它说对null的成员函数getClientOriginalName（）的调用我不知道我在哪里做错了：

我的Api方法：

public function uploadToAws(Request $request) {
    $file = $request->file('image');
    $imageName = 'company_logo/' . $file->getClientOriginalName();
    Storage::disk('s3')->put($imageName, file_get_contents($file));
    Storage::disk('s3')->setVisibility($imageName, 'public');
    $url = Storage::disk('s3')->url($imageName);
    $resultArray = ['status' => 1, 'message' => 'File uploaded to s3 bucket!', 'dataArray' => $url];

    return Response::json($resultArray, 200);
}

和我对这个api的回应：

{
    "status": 1,
    "message": "File uploaded to s3 bucket!",
    "dataArray": "https://spikessales.s3.amazonaws.com/company_logo/template3.jpg"
}   

我可以使用此api将文件完美上传到s3存储桶：

但是，当我集成到我的应用程序视图时，它说在null上调用成员函数getClientOriginalName（）的地方我不正确：

此视图代码使用ajax调用：

       ///upload logo sec
     $(document).on('click', '.browse', function () {
   var file = $(this).parent().parent().parent().find('.changefle');
   file.trigger('click');

  });
   $(document).on('change', '.changefle', function () {
    var imagename = "";

    $.each($(".changefle")[0].files, function (i, file) {
    imagename = file.name;

});
    $.ajax({//Process the form using $.ajax()
    type: 'post', //Method type
    url: 'http://127.0.0.1:8000/api/upload_aws', //Your form processing file 
     URL
    data: {
        image: imagename
    }, //Forms name
    dataType: 'json',
    success: function (data) {
        console.log(data);
        // localStorage.setItem("set-compylogo", companylogo);
       },
       error: function (data) {

           console.log("error");
       }

非常感谢您的帮助！

Answer 1

可能是您的ajax需要更多标头才能上传文件。 或者可能需要这个：

$.ajax({
    headers: {
        'X-CSRF-TOKEN': your_crsf_token,
        'Content-type: text/html;charset=ISO-8859-1'
    },
    ...
});

有关更多信息，您可能需要检查一下： 使用XMLHttpRequest上传AJAX文件

Answer 2

您正在发送字符串（图像名称）而不是FILE对象。 要使用这些方法，laravel需要一个文件对象。 所以imagename = file; 而不是imagename = file.name