Download data URL file

by

If you also want to give a suggested name to the file (instead of the default ‘download’) you can use the following in Chrome, Firefox and some IE versions:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

And the following example shows it’s use:

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

More Related Contents:

  1. Is there any way to specify a suggested filename when using data: URI?
  2. Should setting an image src to data URL be available immediately?
  3. Convert HTML to data:text/html link using JavaScript
  4. How to create a Web Worker from a string
  5. Cross-browser Save As .txt
  6. “Aw, Snap” when data uri is too large
  7. How to create an ArrayBuffer and data URI from Blob and File objects without FileReader?
  8. Does return stop a loop?
  9. How to get the raw value an field?
  10. setTimeout and “this” in JavaScript
  11. Sorting arrays numerically by object property value
  12. Use dynamic (variable) string as regex pattern in JavaScript
  13. How do I catch jQuery $.getJSON (or $.ajax with datatype set to ‘jsonp’) error when using JSONP?
  14. Is it possible to inherit old-style class from ECMAScript 6 class in JavaScript?
  15. Close Current Tab
  16. Why does appending a to a dynamically created seem to run the script in the parent page?
  17. Math.round(num) vs num.toFixed(0) and browser inconsistencies
  18. Use javascript to check http status codes
  19. fetch – Missing boundary in multipart/form-data POST
  20. Need to find height of hidden div on page (set to display:none)
  21. How to get highcharts dates in the x axis?
  22. How can I toggle the element that is clicked and hide all others?
  23. Correct way to document open-ended argument functions in JSDoc
  24. jQuery validate plugin on DIV
  25. Get value of a string after last slash in JavaScript
  26. how to get selection inside a div using jquery/javascript
  27. What are some good ways to prevent people from copying my source code? [closed]
  28. Detect failure to load contents of an iframe
  29. Change form action on select option
  30. Testing asynchronous function with mocha

Leave a Comment