Call to a member function getClientOriginalName() on null

Question

I can upload my file using to amazon s3 bucket successfully using my api and i can get a response:

But when i integrate this api into my application it says Call to a member function getClientOriginalName() on null i dont know where i am doing wrong:

My Api method:

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);
}

and my response of this api:

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

I can perfectly upload file to s3 bucket using this api:

But when i integrate to my application view it says Call to a member function getClientOriginalName() on null i dont where i am wrong:

This view code using ajax call:

       ///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");
       }

Your help will be highly appreciated!

i dont know about view files the other man is integrating my api — shahzad1122, Apr 19 '18 at 06:09
if ($request->hasFile('image')) { } try to put condition and check — Sachin Aghera, Apr 19 '18 at 06:12
you can not upload image file directly via simple ajax.try ajaxSubmit() method instead. — Vibha Chosla, Apr 19 '18 at 09:33

Tiến Nguyễn Hoàng · Answer 1 · 2018-04-19T09:35:37.983

0

It might be your ajax need more headers to upload file. or may be it need this:

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

For further information, you might want to check this out: AJAX File Upload with XMLHttpRequest

edited Apr 19 '18 at 09:35

answered Apr 19 '18 at 06:50

Tiến Nguyễn Hoàng

143
1
14

score 0 · Answer 2 · answered Apr 19 '18 at 10:00

0

You are sending a string (image name) instead of a FILE object. To use those methods laravel needs a file object. So imagename = file; instead of imagename = file.name

answered Apr 19 '18 at 10:00

Munteanu Petrisor

491
2
6

add contentType: 'multipart/form-data' to your ajax call and probably you have to remove dataType: 'json' – Munteanu Petrisor Apr 19 '18 at 10:43
Uncaught TypeError: Illegal invocation at o (jquery.js:6) at gn (jquery.js:6) at gn (jquery.js:6) at Function.x.param (jquery.js:6) at Function.ajax (jquery.js:6) at HTMLInputElement. (custom-script.js:392) at HTMLDocument.dispatch (jquery.js:5) at HTMLDocument.v.handle (jquery.js:5) – shahzad1122 Apr 19 '18 at 10:52
this is response – shahzad1122 Apr 19 '18 at 10:52

Call to a member function getClientOriginalName() on null

2 Answers2