Open Blob Url in new tab (IE)

Question

I have following procedure in my AngularJS app to open a text file in a new tab to save:

$scope.createString()
                .then(function () {
                    var windowReference = window.open();
                    var blob = new Blob([$scope.createdString], { type: 'text/plain' });
                    var url = (window.URL || window.webkitURL).createObjectURL(blob);
                    windowReference.location = url;
                 });

But this does not work. It only opens the same link in a new tab but not the created Blob-Url.

What do I do wrong? How do I accomplish this?

UPDATE:

I accomplished it in IE like this:

$scope.createString()
                .then(function () {
                    var blob = new Blob([$scope.createdString], { type: 'text/plain' });
                    window.navigator.msSaveOrOpenBlob(blob, 'Test.txt');
                 });

But is there a standardized way which works with all browsers?

Please refer https://stackoverflow.com/questions/24007073/open-links-made-by-createobjecturl-in-ie11 — Dhaval Tawar, Aug 11 '17 at 09:34

score 0 · Answer 1 · answered Sep 22 '17 at 12:55

Another approach I've used to make this work is to use a traditional <a> tag to open the blob, using the target='_blank' attribute.

Once you have the blob object URL, just plug it into the href attribute, and you'll have something that looks like this:

<a target="_blank" href="blob:http://example.com/523d3551-80fd-4fb0-a0fc-5194d928cc6d">Print</a>

Open Blob Url in new tab (IE)

1 Answers1