AngularJS X-XSRF-TOKEN Request Header

[Jason]

Is the code below still the only way to set the required AngularJS XSRF token when uploading or removing files? The value of the token needs to be taken from the XSRF-TOKEN cookie.

 

function onUpload(e) {

var xhr = e.XMLHttpRequest;

if (xhr) { xhr.addEventListener("readystatechange", function (e)

    {if (xhr.readyState == 1 /* OPENED */) {

         xhr.setRequestHeader("X-Foo", "Bar");

    }})}}

 

[Jason]

Clarifications:

1. Is there a way to do this globally so that the same boilerplate code does not have to be added to each upload definition?

2. Is e.headers exposed for the upload event as it is supposed to be for the remove event?

[Petar]

Hi Jason,

Here are the answers to your questions:

1. The headers should be set for each Upload component separately
2. The e.headers property is not exposed for the upload event. If you think that it should be available in the upload event, please submit a feature request in our feedback portal. Based on the interest the item collects, we may consider the implementation of the header property in the upload event. 

Regards,
Petar
Progress Telerik