How to manage responseType = 'blob'

I call an API endpoint that returns a file. As you can see below, I success to implement a full javascript snippet to download the file using xhr :

    window.URL = window.URL || window.webkitURL;

    var xhr = new XMLHttpRequest();
    xhr.open('GET', Restangular.one('attachments', idAtt).getRestangularUrl(), true);
    xhr.setRequestHeader('X-Auth-Token', 'token');
    xhr.responseType = 'blob';

    xhr.onload = function(e) {
        if (this.status == 200) {
            var blob = this.response;
            var url= window.URL.createObjectURL(blob);
            window.open(url);
        }
    };
    xhr.send();

But now, I would like to use only Restangular instead! However, it doesn’t seem to be possible setting the responseType to ‘blob’… I’ve tried to convert the text response to blob, but I finally get a corrupted file at the end. Has someone already solved this kind of problem?

[luanntvn]

blob would work but I use arraybuffer to be able to decoded error response to json if any

Restangular.one('downloadPDF')
            .withHttpConfig({ responseType: 'arraybuffer' })
            .get()
            .then(function (response) {
                var fileName = 'file.pdf';
                var a = document.createElement('a');
                document.body.appendChild(a);
                a.style = 'display: none';
                var file = new Blob([response], {type: 'application/pdf'});
                var fileURL = (window.URL || window.webkitURL).createObjectURL(file);
                a.href = fileURL;
                a.download = fileName;
                a.click();
                (window.URL || window.webkitURL).revokeObjectURL(file);
            }, function (response) {
                //error
            });

[mgonto]

Then do:

Restangular.one('attachments', idAtt).withHttpConfig({responseType: 'blob'}}.get({}, {"X-Auth-Token": 'token'}).then(function(response) {
  var url = (window.URL || window.webkitURL).createObjectURL(response);
  window.open(url);
});