Add auth token in request header in ember-file-upload

Question

I am using ember vesrion 2.15.1 for my application. I am using ember-file-upload node module to support file upload and that is successful. Challenge is I am not able to add auth token to the request header. My request header looks like this:

I am not able to add userAuthToken in request header of file upload like below which I am able to add for other api calls:

I have tried uploading the file via

set(file, 'headers.userAuthToken', localStorage.getItem("userToken")); // this line is creating problems
let response = yield file.upload(url);

But unable to add userAuthToken in request header. Any fix or workaround will be appreciated.

score 3 · Accepted Answer · answered Jun 20 '18 at 14:48

3

You can pass options as second parameter of upload method. One of possible options is headers. Something like this should work:

let response = yield file.upload(url, {
  headers: {userAuthToken: localStorage.getItem("userToken")}
});

You can find other possible options here

answered Jun 20 '18 at 14:48

Gennady Dogaev

5,902
1
15
23

Gennady, that was very clean and simple way. It worked nicely. Thanks. – Anand Gupta Jun 21 '18 at 02:22

score 0 · Answer 2 · answered Jun 20 '18 at 12:29

0

You can add additional headers in application adapter, for example:

import ActiveModelAdapter from 'active-model-adapter';

var token = $('meta[name="csrf-token"]').attr('content');

export default ActiveModelAdapter.extend({
    headers: {
        "X-CSRF-Token": token
    }
});

answered Jun 20 '18 at 12:29

Karol Szambelańczyk

141
1
4

He asks about `ember-file-upload`, which is an addon to upload files and does not use ember data. – Gennady Dogaev Jun 20 '18 at 14:50
Yes, you are right, in my app i use: `let headers = adapter.get("headers");` and then pas it to file.upload function – Karol Szambelańczyk Jun 20 '18 at 14:59
Karol, I appreciate the effort but I was asking for ember-file-upload. – Anand Gupta Jun 21 '18 at 02:23

Add auth token in request header in ember-file-upload

2 Answers2