Empty array when dd($request->all()) upload file via ajax laravel

Question

first of all i try to do the file uploading via ajax , when i try dd($request->all())in my controller , it give result empty array

public function uploadFile(Request $request){
   
    dd($request->all());

}

My blade view with ajax

<label for="inputfile">
  <a  title="Click here to upload record "><i class="fa fa-upload"></i></a>
</label>
    <input id="inputfile" name="inputfile" type="file" />



 <script>

 $('#inputfile').on('change',function(ev){
   ev.preventDefault(); 
   var postData=new FormData();
   postData.append('file',this.files[0]);
    
      $.ajax({
            url:'{{url('reporting/uploadFile')}}',
            headers:{'X-CSRF-Token':$('meta[name=csrf_token]').attr('content')},
            type:"get",
            contentType:false,
            data:postData,
            processData:false,
            dataType:'json',
            success: function( data ) {
               console.log(data)
            },
            error: function() {
                alert('error');
            }    });    }); 
    </script>

My laravel version is 5.8 . The flow is when the user upload attachment, it will directly store to file storage without clicking button submit . But when i try to retrieve $request->all() its return empty array which is i can't continue further step. Sorry if my explaination not clear .

is dd($request->file('file')) also empty? Sometimes it isn't included in all. Also check the console for any browser JS errors — apokryfos
– apokryfos, Commented Oct 26, 2021 at 5:24
@apokryfos no error in my console . dd($request->file('file')) also null — mr kobeng
– mr kobeng, Commented Oct 26, 2021 at 5:25
Why are you using the method get for form submission? You should use post instead, or in the case of patch you need to append the formData _method: post for getting files in laravel side — Luciano
– Luciano, Commented Oct 26, 2021 at 6:41
Set headers of your ajax request to: 'content-type' : 'multipart/form-data' — Tenarius
– Tenarius, Commented Jan 1, 2023 at 12:29

video-reviews.net · Accepted Answer · 2021-10-26 05:39:16Z

1

Yes ok laravel can be a real pain sometimes especially when it comes to file uploads.

You can try this article for laravel 5.8 give it a try and let me know if it works.

https://www.w3adda.com/blog/laravel-5-8-jquery-ajax-form-submit

I think the main difference with this article is the way it sets the data in the ajax call. However you might need to check the whole article over and compare it to your code.

 $.ajax({
  url: "{{ url('jquery-ajax-form-submit')}}",
  method: 'post',
  data: $('#contact_us').serialize(),

answered Oct 26, 2021 at 5:39

video-reviews.net

2,94624 silver badges17 bronze badges

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

3 Comments

mr kobeng Over a year ago

i already tried based on this blog but still not working , guess i just do normal way instead of ajax . thanks for your help mate :))

video-reviews.net Over a year ago

sure thats ok. I was just checking one of my older projects and found this. "$uploadedFile = $request->file('post_video_upload');" i think the request also has a file function to retrieve files you might be able to use. So rather than using $request->get('key'); try using $request->file('key');

video-reviews.net Over a year ago

My last comment above this one is also written in the laravel documentation, i just checked for laravel 5.8 and 8.0

video-reviews.net · Accepted Answer · 2021-10-26 05:16:59Z

0

Please ensure you are using the form multipart setting correctly. This is usually the issue in most cases.

<form action="upload.php" method="post" enctype="multipart/form-data">

answered Oct 26, 2021 at 5:16

video-reviews.net

2,94624 silver badges17 bronze badges

1 Comment

mr kobeng Over a year ago

I already do this before still not working sir...

Hasan Çetin · Accepted Answer · 2021-10-26 05:57:09Z

 let files = $('#inputfile');
    let image = files[0].files;

let form_data = new FormData();
    if (image.length > 0) {
        for (let i = 0; i < image.length; i++)
            form_data.append('inputfile[]', image[i]);
    }


            $.ajax({
            url:'{{url('reporting/uploadFile')}}',
            headers:{'X-CSRF-Token':$('meta[name=csrf_token]').attr('content')},
            type:"get",
            contentType:false,
            data:form_data,
            processData:false,
            dataType:'json',
            success: function( data ) {
               console.log(data)
            },
            error: function() {
                alert('error');
            }    
            });    
          });

try this.

Romik Makavana · Accepted Answer · 2021-10-26 06:07:21Z

You just need to set "Content-Type" in header. You also have pass type get, for file upload must require post. have you console.log(this.files[0]);

<script>

 $('#inputfile').on('change',function(ev){
   ev.preventDefault(); 
   console.log(this.files[0]);
   var postData=new FormData();
   postData.append('file',this.files[0]);
    
      $.ajax({
            url:'{{url('reporting/uploadFile')}}',
            headers:{
               'X-CSRF-Token':$('meta[name=csrf_token]').attr('content'),
               'Content-Type': undefined 
            },
            type:"POST",
            data:postData,
            success: function( data ) {
               console.log(data)
            },
            error: function() {
                alert('error');
            }    });    }); 
    </script>

Collectives™ on Stack Overflow

Empty array when dd($request->all()) upload file via ajax laravel

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related