Breaking News: Grepper is joining You.com. Read the official announcement!

ajax data and image upload laravel

Abhijith answered on April 1, 2022 Popularity 10/10 Helpfulness 8/10

answer ajax data and image upload laravel

ajax data and image upload laravel

Comment

<form name="data-form" id="data-form" enctype="multipart/form-data">
{{ csrf_field() }}
<input type="file" name="img_thumbnail" class="form-control">
</form>
<script type="text/javascript">
    $(function () {
        $.ajaxSetup({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
        });
       $('body').on('click', '#saveBtn', function(){
            var url;
            var registerForm = $("#data-form");
            var formData = registerForm.serialize();
            $(this).html('saving...');
            $('#saveBtn').attr('disabled',true);

            $.ajax({
                enctype: 'multipart/form-data',
                url: '{{ route('blog.store') }}',
                type:'POST',
                data:formData,
                success:function(data) {
                    console.log(data);
                    if(data.errors) {
                   }
                    if(data.success) {
                    }
                    $('#saveBtn').html('Save Data');
                    $('#saveBtn').attr('disabled',false);
                },
                error: function (data) {
                  console.log('Error:', data);
                  $('#saveBtn').html('Save Data');
              }

            });
        });
 });
    </script>

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: ajax image-upload javascript laravel

Link to this answer
Share Copy Link

Contributed on Apr 01 2022

Abhijith

0 Answers Avg Quality 2/10

ajax data and image upload laravel

Contents

More Related Answers

ajax data and image upload laravel

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.