Search code examples
javascriptjquerykendo-uitelerikkendo-upload

Kendo Upload - CSRF Token with kendo ui jquery


how to add CSRF Token in kendoUpload

$("#image").kendoUpload({

    async: {
        saveUrl: "http://url",

    }
});

Solution

  • <meta name="_token" content="{!! csrf_token() !!}" />
    
    <input type="file" name="files" id="photos" />
    

       var token = $('meta[name="_token"]').attr('content');  
    
    $("#photos").kendoUpload({
        async: {
            saveUrl: "http://url/save"
        },
        upload: onUpload
    });
    
    function onUpload(e) {
        var xhr = e.XMLHttpRequest;
        if (xhr) {
            xhr.addEventListener("readystatechange", function (e) {
                if (xhr.readyState == 1 /* OPENED */) {
                    xhr.setRequestHeader("X-CSRF-TOKEN", token);
                }
            });
        }
    }
    

    document