How to trigger a file download when clicking an HTML button or JavaScript

by

You can trigger a download with the HTML5 download attribute.

<a href="https://stackoverflow.com/questions/11620698/path_to_file" download="proposed_file_name">Download</a>

Where:

  • path_to_file is a path that resolves to an URL on the same origin. That means the page and the file must share the same domain, subdomain, protocol (HTTP vs. HTTPS), and port (if specified). Exceptions are blob: and data: (which always work), and file: (which never works).
  • proposed_file_name is the filename to save to. If it is blank, the browser defaults to the file’s name.

Documentation: MDN, HTML Standard on downloading, HTML Standard on download, CanIUse

More Related Contents:

  1. JavaScript blob filename without link
  2. Using HTML5/JavaScript to generate and save a file
  3. Get page generated with Javascript in Python
  4. Download A File At Different Location Using HTML5
  5. How to download a file without using element with download attribute or a server?
  6. How can I let a user download multiple files when a button is clicked?
  7. Download textarea contents as a file using only Javascript (no server-side)
  8. How to set same value for all the text fields with same name attribute using Javascript?
  9. How to check the value of input [closed]
  10. How do I check whether a checkbox is checked in jQuery?
  11. How to disable HTML button using JavaScript?
  12. Capture key press (or keydown) event on DIV element
  13. Calling a JavaScript function in another js file
  14. Any way to clone HTML5 canvas element with its content?
  15. How to get the onclick calling object?
  16. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  17. Sharing a variable between multiple html pages
  18. CSS3-Animate elements if visible in viewport (Page Scroll)
  19. How to detect support for the HTML5 “download” attribute?
  20. How to create a responsive image that also scales up in Bootstrap 3
  21. How to focus on a form input text field on page load using jQuery?
  22. Drag-and-drop file uploading without AJAX, synchronously in the foreground?
  23. Append HTML to container element without innerHTML
  24. How do I make a move up and down when I’m scrolling the page?
  25. Hide div element when screen size is smaller than a specific size
  26. HTML/Javascript Button Click Counter
  27. How to get an element by its href in jquery?
  28. How to bind img src to data in Vue
  29. JavaScript form submit WITH a field called submit
  30. Why is iframe.contentWindow == null?

Leave a Comment