href image link download on click

by 
<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
    <img alt="ImageName" src="/path/to/image">
</a>

It’s not yet fully supported caniuse, but you can use with modernizr (under Non-core detects) to check the support of the browser.

More Related Contents:

  1. download webpage and dependencies, including css images [closed]
  2. Image inside div has extra space below the image
  3. What is the effect of encoding an image in base64?
  4. CSS Display an Image Resized and Cropped
  5. How can I create download link in HTML?
  6. HTML5 Canvas Rotate Image
  7. embedding image in html email
  8. href syntax : is it okay to have space in file name
  9. Removing whitespace between HTML elements when using line breaks
  10. Is it possible to put binary image data into html markup and then get the image displayed as usual in any browser?
  11. CSS image resize issue
  12. Floating an image to the bottom right with text wrapping around
  13. href=”tel:” and mobile numbers
  14. Scale image to fit a bounding box
  15. How does one use the onerror attribute of an img element
  16. How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list?
  17. How can I resize an image to a percentage of itself with CSS?
  18. HTML : Is there any way to show images in a textarea?
  19. Make anchor links refer to the current page when using
  20. CSS align images and text on same line
  21. How to auto-resize an image while maintaining aspect ratio
  22. Href without http(s) prefix
  23. The right way of setting when it’s a local file
  24. Display text on MouseOver for image in html
  25. How much faster is it to use inline/base64 images for a web site than just linking to the hard file?
  26. How to place Text and an Image next to each other in HTML?
  27. Which versions of IE support PNG favicons?
  28. Images not displaying in Github Pages?
  29. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment