Pass CSRF Token with Fileinput plugin on delete url

Hi Everyone

I am trying to use the Bootstrap File Input Plugin and upload and edit work fine.

I am having trouble setting up the deleteUrl option for the plugin.

When I click on the file delete icon I get unknown status error. The problem seems to be with CSRFToken so I have tried following solutions but none of them is working.

//Attempt 1
$("#file-input").fileinput({
    deleteUrl: "{{ route('admin.members.deleteFile', ['user' => $user->id]) }}",   
    ajaxSettings:{
        beforeSend: function(xhr, settings) {
                        xhr.setRequestHeader("X-CSRFToken", $('meta[name="csrf-token"]').attr('content'));
                }
         },
});

//Attempt 2
$("#file-input").fileinput({
    deleteUrl: "{{ route('admin.members.deleteFile', ['user' => $user->id]) }}",
        headers: {
             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
       },
});

//Attempt 3
$("#file-input").fileinput({
    deleteUrl: "{{ route('admin.members.deleteFile', ['user' => $user->id]) }}",
    uploadExtraData:{'_token':$('#csrf_token').val()
});

None of the above workes. I get the same error.

Thank you