Categories
JavaScript Answers

How to download data URL file with JavaScript?

Spread the love

Sometimes, we want to download data URL file with JavaScript.

In this article, we’ll look at how to download data URL file with JavaScript.

How to download data URL file with JavaScript?

To download data URL file with JavaScript, we can create an anchor element that links to the file.

And then we call click to click the link.

For instance, we write

const download = (dataUrl, filename) => {
  const link = document.createElement("a");
  link.href = dataUrl;
  link.download = filename;
  link.click();
};

download("data:text/html,HelloWorld!", "helloWorld.txt");

to create the download function that creates an anchor element with createElement.

Then we set its href attribute to dataUrl.

And we set the download attribute to the file name of the downloaded file.

Then we call click to download the file.

Conclusion

To download data URL file with JavaScript, we can create an anchor element that links to the file.

And then we call click to click the link.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published.