Сохранить изображение на ПК

Question

Я хочу узнать лучший вариант для загрузки отредактированного изображения на моем компьютере, например, на веб-сайте straightouttomom.com. Я создал кнопку, которую легко создать, но я хочу, чтобы эта кнопка заработала.

<button id="dlbtn" onclick="saveAsLocalImg()">Download</button>

то, что это Java-функция, которую я хочу использовать, чтобы сделать кнопку скачать работу

function saveAsLocalImg(){ 
    var cvs=document.getElementById("mycanvas"); 
    var img=cvs.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
    window.location.href=img; 
} 

Эта функция Javascript работает?

Btw, я использую блокнот ++ из-за отсутствия программ веб-дизайна.

Любые предложения ??? Буду признателен за вашу помощь

Answer 1

Возможно, вы захотите использовать HTML5, это простое, но хорошее решение, так как большинство браузеров в настоящее время его поддерживает.
Вот пример

<p>Example 1<br> 
 
    <a href="http://dummyimage.com/600x400/000/fff.png" download>Download this image</a></p> 
 

 
<p>Example 2<br> 
 
    <a href="http://dummyimage.com/600x400/000/fff.png" download="alternate-filename.png"><img 
 
     src="http://dummyimage.com/150x100/000/fff.png"></a></p>

Этот ответ был дан Салмана А и он доступен here

Если вы все еще хотите использовать JavaScript, это может быть полезно http://pastebin.com/8RZB6F2a

Это может помочь вам решить, что использовать http://caniuse.com/#feat=download