How to download a file generated with JavaScript, avoiding automatic opening of Chome?

问题

I am developing a JavaScript little webmail.

I receive from the server a Base64-encoded string, that represents a file (it could be whatever type). I decode the string, a map it to a Uint8Array, and with it, I generate a Blob object with I create a data URI with

FileReader.readAsDataURL(blob)

Until here is pretty straightforward, but I am having problem with the download part.

I put the DataURI in

window.open(dataURI)

But chrome opens a new window and display my image, or my text. But I need to avoid this behaviour, and download the file instead.

I have red that this could be done with Content-Disposition "attachment" but I am not sure if it is my case, because I am generating the file from a string from the server.

Anyone who can help me understand?

回答1:

Did you try to use "saveAs" ?

saveAs(blob, "hello.zip");

In the case you need wide browser support you could try polifill. More information

I am pretty sure you can set the type of the blob

var blob = new Blob(["Hello world!"], { type: "application/download" });

Edit:

without FileSaver.js:

var blob = new Blob(["Hi stack"], {type: 'application/download'});
var reader = new FileReader();
reader.onloadend = function(e) {
    window.open(reader.result);
}
reader.readAsDataURL(blob);

Edit:

Documentation and browser support information ("Browser compatibility" tab):