Creating a file and triggering download in Javascript

Question

I've got a really simple line in my code that should trigger the download of a file created on the go.

window.open(window.URL.createObjectURL(new Blob(["Example of something being written into a file then downloaded"], {type: "text/plain"})));

But for some reason, this does not work. A new window starts appearing, and then suddenly disappears.

Any clue why this doesn't work?

EDIT: If I call

`window.location = window.URL.createObjectURL(new Blob(["Example of something being written into a file then downloaded"], {type: "text/plain"}));`

It opens the file. But nothing was downloaded.

score 3 · Accepted Answer · answered Feb 25 '19 at 05:31

3

Try this solution

var saveData = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);

    return function () {
         var data = "Your data...........",
             fileName = "filename";
            blob = new Blob(data, {type: "text/plain"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.text = "download file";
        window.URL.revokeObjectURL(url);
    };
}());

this will create new <a> element. You can download the file by clicking it.

This needs HTML 5 support and for more options, check answers for this question.

answered Feb 25 '19 at 05:31

dilusha_dasanayaka

1,401
2
17
30

why `var saveData` and not a `function`? – ecstrema Feb 25 '19 at 05:40
It is a function – dilusha_dasanayaka Feb 25 '19 at 05:59
well then why use it as a variable? – ecstrema Feb 25 '19 at 06:04
As I know it has no big difference. Only the scope of the function change. – dilusha_dasanayaka Feb 25 '19 at 06:16

Creating a file and triggering download in Javascript

1 Answers1