Delete image from folder on button click using ajax in laravel

Question

I am trying to delete image from folder using ajax and in route using delete method .In controller trying to delete image using image name in laravel.

Route:

Route::delete('remove-social/{filename}', 'Webadmin\Socials@removesocial');

Controller:

 public function removesocial($filename){
          File::delete('public/assets/uploads/Social/' . $filename);
   }

View :

 <a href="javascript:removesocialimage()" style="color: white;text-decoration: none;" class="btn btn-red">
                                <i class="glyphicon glyphicon-trash "></i> Remove</a>   </label>
    <script>
         function removesocialimage() {
                if (j('#file_name').val() != '')
                    if (confirm('Are you sure want to remove social icon?')) {
                        j('#loading').css('display', 'block');
                        var form_data = new FormData();
                        form_data.append('_method', 'DELETE');
                        form_data.append('_token', '{{csrf_token()}}');
                        j.ajax({
                            url: "remove-social/" + j('#file_name').val(),
                            data: form_data,
                            type: 'POST',
                            contentType: false,
                            processData: false,
                            success: function (data) {
                              j('#preview_image').attr('src', '{{URL::to('/public/assets/Webadmin/images/attach-1.png')}}');
                                j('#file_name').val('');
                                j('#loading').css('display', 'none');
                            },
                            error: function (xhr, status, error) {
                                alert(error);
                                alert(xhr.responseText);
                            }
                        });
                    }
            }
        </script>

Please provide more context to your question, what happens now? Do you get any error? — Sven Hakvoort
– Sven Hakvoort, Commented Nov 21, 2018 at 8:34
it's not deleting image from folder as iam passing path for image to delete with in controller — Priya Negi
– Priya Negi, Commented Nov 21, 2018 at 10:02

4vedi.aayush · Accepted Answer · 2018-11-21 08:35:24Z

1

Include this in your views head:

<meta name="csrf-token" content="{{ csrf_token() }}">

And do this ajax setup before making network calls:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

answered Nov 21, 2018 at 8:35

4vedi.aayush

1266 bronze badges

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

1 Comment

Priya Negi Over a year ago

i have added it in header layout

Jignesh Joisar · Accepted Answer · 2018-11-21 08:42:15Z

0

try to change route delete to post method

Route::post('remove-social/{filename}', 'Webadmin\Socials@removesocial');

if you want to used delete method then your ajax look like

add in head html tag

<meta name="csrf-token" content="{{ csrf_token() }}">

js code

 j.ajax({
       url: "remove-social/" + j('#file_name').val(),
       data: form_data,
       headers: {
            X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
       },
       type: 'DELETE',   //POST TO DELETE
       contentType: false,
       processData: false,
       success: function (data) {
       j('#preview_image').attr('src', '{{URL::to('/public/assets/Webadmin/images/attach-1.png')}}');
       j('#file_name').val('');
       j('#loading').css('display', 'none');
      },
      error: function (xhr, status, error) {
         alert(error);
         alert(xhr.responseText);
       }

});

answered Nov 21, 2018 at 8:42

Jignesh Joisar

15.4k6 gold badges69 silver badges61 bronze badges

1 Comment

Priya Negi Over a year ago

i have implemented this but still not deleting image from folder.I am trying to delete image using image name to delete it from folder

Collectives™ on Stack Overflow

Delete image from folder on button click using ajax in laravel

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related