How to get formdata values sent by ajax post method in laravel controller

Question

I am trying to send a set of data including image file through ajax using formdata but when I want to access that data in laravel controller, it shows a blank array.

Here is my ajax code -

var fd = new FormData();
    fd.append("photo",files[0]);
    fd.append("user_id",localStorage.getItem('userId'));
    fd.append("doctype","dl_image");       
    console.log(fd);



   //ajax code
    $http.post('uploadfile', fd, {    
            withCredentials: true,      
            headers: { 'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content') }       
     }).success(function(data, status) {        

               console.log(data);


     });

PHP code -

    $data = Request::all();
    $photo = Request::file('photo');
    $userid = Request::get('user_id');
    $doctype = Request::get('doctype');


    $postData = array(
        'photo' => $photo,
        'user_id' => $userid,
        'doctype' => $doctype  
    );
    var_dump($data);
    die();

When the data is dumped in browser's console, it shows

array(0) {
}

Need help.

Heads up, Angular 5+'s HttpClient sets the content type to FormData automatically if it detects a FormData() object being sent. — Milan Velebit
– Milan Velebit, Commented Jun 29, 2018 at 18:52

Ajay Kulkarni · Accepted Answer · 2016-04-18 12:34:31Z

2

AngularJS sends POST requests with application/json type & JSON body by default.
So I think that you need to use:

headers: { 'Content-Type' : 'application/x-www-form-urlencoded'},
data: $.param(data)

in ajax code.
You might need to use something like $name = Input::get('name'); instead of $userid = Request::get('user_id');

answered Apr 18, 2016 at 12:34

Ajay Kulkarni

3,05915 gold badges55 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ajay Kulkarni Over a year ago

Accept file? I didn't get you

SpaceNinja · Accepted Answer · 2017-01-20 03:29:32Z

1

When using the FormData API to POST files and data, it is important to set the Content-Type header to undefined.

Try: headers: { 'Content-Type': undefined }

answered Jan 20, 2017 at 3:29

SpaceNinja

5027 silver badges22 bronze badges

Comments

estin sunny koothoor · Accepted Answer · 2016-04-18 11:05:09Z

0

Please try serialize method of jquery.

function myForm( form ){
    var formData = $(form).serialize();
    att=form.attr("action") ;
    $.post(att, formData).done(function(data){
        alert(data);
    });
    return true;
}

answered Apr 18, 2016 at 11:05

estin sunny koothoor

2011 silver badge10 bronze badges

1 Comment

sajalsuraj Over a year ago

I am using angularJs

Collectives™ on Stack Overflow

How to get formdata values sent by ajax post method in laravel controller

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related