Saving an image in an HTML page using Javascript

Question

I am trying to save an image using Javascript on a button click in HTML using the following code:

function saveImage(anImage) {

if (typeof anImage== 'object') 
  Image= anImage.src;  
window.win = open(anImage);           
setTimeout('win.document.execCommand("SaveAs")', 500);
}

it works fine when I run the code from my local PC (ie it pops a new window and prompts me to save the image as a png file) , but when I deploy it to a server it pops the new window but it tries to save the page instead of the image (it opens a dialog box asking to save an htm file)

any reason ?

Answer 1

John Culviner wrote a jquery plugin that handles this.

https://github.com/johnculviner/jquery.fileDownload