CODEWITHSUNDEEP
htmldom
newbie
newbie

Reputation: 253

How to download image object on page as a file in html?

I am creating an image dynamically on the page using dataURL,

    var aImg = document.createElement('img');
    aImg.setAttribute('src', dataURL);
    aImg.setAttribute('alt', 'pic');
    aImg.setAttribute('width', '438px');
    aImg.setAttribute('height', '267px');
    aImg.onclick = (function() {
         //download the image object
    })();

I am not sure what to do to download this image object that is a PNG image. Can someone give hints?

Upvotes: 0

Views: 2803

Answers (1)

Madhavan Malolan
Madhavan Malolan

Reputation: 750

If you want the image to be displayed the follwing should be fine :

aImg.src = YOUR_URL

if you want to save it on to the file , you shoud redirect and let the browser take care of the rest. JS redirect can be done as follows :

window.location.replace(dataURL)

If you want the browser to give a pop-up saying "Save File" check out this link : http://muaz-khan.blogspot.in/2012/10/save-files-on-disk-using-javascript-or.html

Upvotes: 1

Related Questions