How to specify a suggested filename when using data URI with JavaScript?

Spread the love

Sometimes, we want to specify a suggested filename when using data URI with JavaScript.

In this article, we’ll look at how to specify a suggested filename when using data URI with JavaScript.

How to specify a suggested filename when using data URI with JavaScript?

To specify a suggested filename when using data URI with JavaScript, we set the download property.

For instance, we write

const saveContent = (fileContents, fileName) => {
  const link = document.createElement("a");
  link.download = fileName;
  link.href = "data:," + fileContents;
  link.click();
};

to define the saveContent function.

In it, we create an a element with createElement.

And then we set its download property to the fileName string which is the name of the downloaded file.

Then we set its href property to the data URL string with the file contents.

And then we call click to download it.

Conclusion

To specify a suggested filename when using data URI with JavaScript, we set the download property.

Leave a Reply

Your email address will not be published. Required fields are marked *