将图像保存到PC

时间:2015-09-23 15:23:38

标签: html notepad++

我想知道在我的计算机上下载已编辑图像的最佳选择,直接在网站上直接输入了一个网站我已经创建了一个易于创建的按钮,但是我希望该按钮能够正常工作。



<button id="dlbtn" onclick="saveAsLocalImg()">Download</button>
&#13;
&#13;
&#13;

然后,这是我想用来使下载按钮工作的javascript函数

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

这个javascript函数有用吗?

顺便说一句,由于缺乏网页设计程序,我使用的是记事本++。

任何建议??? 我将非常感谢您的帮助

1 个答案:

答案 0 :(得分:0)

你可能想要使用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>

这个答案由Salman A提供,并且可以here

如果您仍想使用JavaScript,这可能会有用 http://pastebin.com/8RZB6F2a

这可以帮助您决定使用http://caniuse.com/#feat=download

的内容