How to access and download a file from a server using HTML 5

HTML5 supports the download attribute: http://webreflection.blogspot.com/2011/08/html5-how-to-create-downloads-on-fly.html

Example:

<a href="http://.../bad-romance.mp3" download="Bad Romance.mp3">Save "Bad Romance" to your computer</a>

Clicking on this will allow the browser to handle the download (instead of opening the file using whatever application is associated with the mimetype), including a progress bar.

Note: You really want to be careful not to deviate from normal user expectation by trying to create your own implementation. This is synonymous with forcing a link to open in a new tab–it can be confusing to the user if they are expecting one behavior but receive another. In your case, try to specifically explain that this will be a “download” link, not a “play” link. The example above does this, but a “download” icon might also suffice.

Related Posts:

  1. What does do?
  2. What does do?
  3. Onclick javascript to make browser go back to previous page?
  4. How to check View Source in Mobile Browsers (Both Android && Feature Phone)
  5. How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list?
  6. What is gZip compression?
  7. how to download image from any web page in java
  8. Redirect from an HTML page
  9. What is ' and why does Google search replace it with apostrophe?
  10. Should I use tag for icons instead of ? [closed]
  11. What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
  12. How do I vertically align text in a div?
  13. How do I vertically center text with CSS?
  14. How do I vertically center text with CSS?
  15. What does enctype=’multipart/form-data’ mean?
  16. Link with target=”_blank” and rel=”noopener noreferrer” still vulnerable?
  17. How to make JavaScript execute after page load?
  18. Parse error: Syntax error, unexpected end of file in my PHP code
  19. Is there a minlength validation attribute in HTML5?
  20. Getting rid of bullet points from

Leave a Comment

© 2024 Read For Learn