v-uploader icon indicating copy to clipboard operation
v-uploader copied to clipboard

How to Pass CSRF token for Laravel Upload Ajax request?

Open devravik opened this issue 7 years ago • 3 comments

Getting 419 error. How to Pass CSRF token for Laravel Upload Ajax request?

devravik avatar Nov 02 '18 15:11 devravik

@devravik

Using v-bind to replace the upload url works for me:

<v-uploader @done="uploadDone" v-bind:upload-file-url="'{{ '/foo/file-upload?_token=' . csrf_token() }}'"></v-uploader>

laliux avatar Nov 23 '18 21:11 laliux

如果使用组件的 可以这样实现 1 在 blade 中 <meta name="csrf-token" content="{{ csrf_token() }}"> 2 在 app.js 中

var csrf_token = document.querySelector('meta[name=csrf-token]').getAttribute('content');

const uploaderConfig = {
    uploadFileUrl: 'api/upload/publicFileUpload?_token='+csrf_token,
    fileTypeExts:  "jpeg,jpg,png",
    showMessage: (vue, message) => {
        vue.$dlg.alert(message);

    }
};

icehan2016 avatar Jan 10 '19 03:01 icehan2016

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

Try this.. Hope it will help you

sonichandni avatar Feb 13 '19 10:02 sonichandni