Last Updated: February 23, 2020
·
1.495K
· xaviervia

How to make a file downloadable with only JavaScript

Google Chrome likes this. Others I don't know.

data:text/html,<a id="download">Down it goes</a>
<script type="text/javascript">
var a = document.getElementById('download');
var blob = new Blob(
  ["It is just a test, but I like it"], 
  { type: "text/plain" }
);
a.download = "love.txt";
a.href = window.URL.createObjectURL(blob);
</script>

Copy, paste in browser URL.

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside