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存储桶：

但是当我整合到我的应用程序视图时，它表示调用成员函数getClientOriginalName（）为null我不在哪里我错了：

此视图代码使用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'
    },
    ...
});

有关详细信息，您可能需要查看以下内容：AJAX File Upload with XMLHttpRequest

Answer 2

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

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

2 个答案: