How to set reponseType as blob for $http in AngularJs?

Question

i need to set response Type as 'blob' in angular. how to set response Type for $http in angularjs? sample code for set responseType using XMLHttpRequest is provided below. i need to replace XMLHttpRequest with $http.

var oMyForm = new FormData();
oMyForm.append("js", content);
var oReq = new XMLHttpRequest({mozSystem: true});
oReq.open("POST", url, true);
oReq.responseType = "blob";
oReq.onload = function(xhr) {

};
oReq.onerror = function(xhr) {

};
oReq.send(oMyForm);

here i used XMLHttpRequest,need to replace with $http in angularjs — anfas
– anfas, Commented Sep 11, 2014 at 11:31

Narek Mamikonyan · Accepted Answer · 2014-09-11 11:36:19Z

15

angular provides config object for that , check docs

  $http({
        url: "http://localhost:8080/example/teste",
        method: "POST",
        responseType: "blob"

    })

answered Sep 11, 2014 at 11:36

Narek Mamikonyan

4,6112 gold badges27 silver badges30 bronze badges

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

Comments

Sachindra · Accepted Answer · 2018-11-30 09:11:19Z

0

This works in IE, Chrome and FF.

function download(url) {
    if (navigator.msSaveBlob) {
        var ajax = new XMLHttpRequest();
        ajax.open("GET", url, true);
        ajax.responseType = 'blob';
        ajax.onload = function(e) {
            navigator.msSaveBlob(data, url.substr(url.lastIndexOf("/") + 1));
        };
    } else {
        $('#download-frame').remove();
        $('<iframe/>', {
            src: url,
            id: 'download-frame'
        }).hide().appendTo('body');
    }
}

answered Nov 30, 2018 at 9:11

Sachindra

2,0924 gold badges23 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to set reponseType as blob for $http in AngularJs?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related