Authorization Header seems to be not send or something

[Kageetai]

Hi there,

I am trying to upload an image to imgur with this code which I derived from #88 but I always get 403 (Permission Denied)

Here is my code in the controller so far:

$scope.onFileSelect = function (files) {
      var fileReader = new FileReader();
      fileReader.readAsArrayBuffer(files[0]);
      fileReader.onload = function (e) {
        $upload.http({
          url: 'https://api.imgur.com/3/image',
          //method: 'POST',
          headers: {
            'Authorization': 'Client-ID XXXXXXXXXXXXXX',
            'Content-Type': files[0].type
          },
          data: e.target.result
        }).then(function (response) {
          console.log(data);
        }, null, function (evt) {
          //$scope.progress[index] = parseInt(100.0 * evt.loaded / evt.total);
          console.log(parseInt(100.0 * evt.loaded / evt.total));
        });
      };
    };

And here a screenshot of the request in the Chrome network panel. I noticed the authorization header is different there.

[danialfarid]

I don't believe the plugin do anything funny with the headers so it is probably traceable in your code.
You can try the demo page code and send a custom header to see if it's being sent correctly.

[Kageetai]

So I tried everything now, copied your exact demo code, tried a blank request with the angular $http and more, but everytime I get the same "403 (Permission denied)".
If I try the same request with a tool to test REST services it works fine.
I am kinda desperate by now and don't see anything wrong in my code or something. Am I setting the authorization header wrong?

[danialfarid]

If you could create a jsfiddle to show the error I can investigate more, you can reopen the issue if you do.