How to download a base64-encoded image?

by

  1. If you want to download it using JavaScript (without any back-end) use:

    window.location.href="https://stackoverflow.com/questions/14011021/data:application/octet-stream;base64," + img;

    where img is your base64 encoded image.

  2. If you want to allow the user to specify a file name, use the download attribute of the a tag:

    <a download="FILENAME.EXT" href="data:image/png;base64,asdasd...">Download</a>
    • Notice: The download attribute is not supported by very old browsers

More Related Contents:

  1. How to save a base64 image to user’s disk using JavaScript?
  2. how to proportionally scale a div with images inside?
  3. Render HTML to an image
  4. Resize image with javascript canvas (smoothly)
  5. Get Base64 encode file-data from Input Form
  6. execute function after complete page load [duplicate]
  7. How to silently hide “Image not found” icon when src source image is not found
  8. Dynamically resizing Image-maps and images
  9. How to display image with JavaScript?
  10. Using raw image data from ajax request for data URI
  11. Convert binary data to base64 with javascript
  12. Can I get image from canvas element and use it in img src tag?
  13. JS – get image width and height from the base64 code
  14. Disable dragging an image from an HTML page
  15. How do image preloaders work?
  16. Adding images to an HTML document with JavaScript
  17. Load image from url and draw to HTML5 Canvas
  18. React-Native: Convert image url to base64 string
  19. How to parse into base64 string the binary image from response?
  20. JavaScript loading progress of an image
  21. Is there a way to load images to user’s cache asynchronously?
  22. how to display base64 encoded pdf?
  23. Sort by image resolution in gallery
  24. Is it necessary to set onload function before setting src for an image object?
  25. ReadFile in Base64 Nodejs
  26. How much data / information can we save / store in a QR code?
  27. How to bind img src to data in Vue
  28. Center an Image vertically and horizontally using CSS
  29. canvas- Cropping images in different shapes
  30. Using base64-encoded images with HtmlService in Apps Script

Leave a Comment