JavaScript: How to create a Blob from binary string? [duplicate]

Question

I'd like to download a protected file from my backed - I have to send authorization headers, so I can't link it directly. I have created following Ajax request to download it:

Ember.$.ajax({
     url: self.get("file.filepath"),
     type: "GET",
     beforeSend: function(xhr) {
        xhr.setRequestHeader(header, content);
     },
     processData: false,
     success: function (result, a, xhr) {
         var blob = new Blob([result], {type: xhr.getResponseHeader("content-type") || ""});
         saveAs(blob, self.get("file.filename"));
     }
});

Everything works fine when dealing with text files. However when I try to download binary file (image), I get complete nonsence (even the binary string in response printed via console seems fine to me). So I suppose there's a problem in blob construction.

I have tried to use Int8Array, however it didn't helped. What am I doing wrong?

Try using XMLHttpRequest with responseType set to "blob" , URL.createObjectURL() , see stackoverflow.com/questions/12876000/… — guest271314
– guest271314, Commented Nov 9, 2015 at 22:59

Danylo Gudz · Accepted Answer · 2015-11-09 23:01:58Z

0

I had today the same issue that's an angular code, but maybe something will help you from it

return $http({
    url: host + "api/map/rectangleMap",
    method: 'POST',
    data: angular.toJson(coords),
    responseType: 'blob',
    transformResponse: function(data){
        return new Blob([data], {type: 'image/png'});
    }
});

answered Nov 9, 2015 at 23:01

Danylo Gudz

2,6761 gold badge20 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:27:19Z

0

There is a correct answer in guest271314's answer - link to solution. It is the only working solution I was able to find.

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Dec 15, 2015 at 9:58

yaqwsx

5691 gold badge6 silver badges15 bronze badges

Collectives™ on Stack Overflow

JavaScript: How to create a Blob from binary string? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related