Javascript blob window open fires browser popup

Question

I have a download operation in my javascript code with angularjs $http provider.

$http({
    method: "POST",
    url: "http://localhost:28494/api/print",
    data: data,
    responseType:'arraybuffer'
}).then(
    function (response) {

        var file = new Blob([response.data], {type: 'application/pdf'});

        var objectUrl = URL.createObjectURL(file);

        window.open(objectUrl,'_blank');         
    }
);

This fires my browser popup. I do not want to this.

But I want to download directly. Do not show the popup.

You could use an invisible iframe? Like [here][1] [1] http://stackoverflow.com/a/3749395/3577695 — aljgom, Mar 01 '17 at 09:27
@bookmarker, which solution helped you? Please upvote/accept the right solution(s). — ScrapCode, Mar 02 '17 at 08:37

Deividas · Answer 1 · 2017-03-01T06:26:00.737

4

You should use window.location.assign(objectUrl);. This forces the window to open and display the url. In your case it will download the file.

edited Mar 01 '17 at 06:26

answered Mar 01 '17 at 06:18

Deividas

6,437
2
26
27

score 0 · Answer 2 · answered Mar 01 '17 at 06:27

Try this alternative approach.

window.location = item.objectUrl;

This will cause the browser to request a resource from the server, the response from server must include Content-Disposition:attachment;. It will cause the browser to show download dialog.

P.S. When you want to force the browser to show download prompt for some file (resource), you must include Content-Disposition:attachment; in the response.

Javascript blob window open fires browser popup

2 Answers2