Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

How to download a base64-encoded image?

Tags:

javascript

html

image

base64

I have a base64-encoded image from the server for which I want to force the download through JavaScript. Is is possible?

like image 747
Mario Avatar asked Dec 23 '12 12:12

Mario

People also ask

How do I get an image from base64 to URL?

One way to convert an image file into a base64 string is to put it into a canvas. Then we can call the canvas's toDataURL method to convert it into a base64 string. We create the getBase64Image function that takes the url string for the URL of the image. Then we create an img eklement with the Image constructor.

How do I view base64 encoded images?

Images encoded with Base64 can be embedded in HTML by using the <img> tag. This can help to increase the page load time for smaller images by saving the browser from making additional HTTP requests.

1 Answers

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

    window.location.href = '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
like image 172
Minko Gechev Avatar answered Oct 21 '22 23:10

Minko Gechev
Sign in to Comment

Related questions

How to add an image to an svg container using D3.js
Sorting in JavaScript: Shouldn't returning a boolean be enough for a comparison function?
Reset select value to default
How to delete/remove nodes on Firebase
In Firebase when using push() How do I pull the unique ID
Dynamically using the first frame as poster in HTML5 video?
How can I select an element by ID with jQuery using regex?
Mongoose find/update subdocument
How can I set the form action through JavaScript?
Looping through list items with jQuery
Convert JSON string to array of JSON objects in Javascript
jQuery / Programmatically Select an Option in Select Box
Unexpected token ILLEGAL in webkit
iterate through a map in javascript
Restoring console.log()
Node engine 8.x or 10.x in package.json
Javascript to detect if user changes tab
How to detect chrome and safari browser (webkit)
Capturing a form submit with jquery and .submit
Why does multiple modal using twitter bootstrap got error too much recursion?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!