如何为图像创建“另存为”按钮

时间:2015-03-07 14:31:48

标签: javascript html save-as

我正在为Chrome开发一个屏幕截图扩展程序,并希望知道如何实现“另存为”。 Html / Javascript中的按钮。目前用户只有右键单击“另存为”。我是Javascript&的新手。没有找到一种方法如何在网上做到这一点。有任何想法吗?谢谢!

2 个答案:

答案 0 :(得分:5)

您可以使用HTML5下载属性,它是您正在寻找的吗?

<img src="http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png" alt="Stack Overflow">
<br />
<a href="http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png" download>Save !</a>

答案 1 :(得分:0)

您可以使用<a href="" download>Save as …</a>创建下载链接。这将导致下载资源而不是在浏览器中查看。

然后,如果您希望链接实际引用资源,请使用类似yourLinkNode.href = yourImageNode.src的内容,或者如果您使用canvas元素来显示图片(您不会在原始问题中指定它,不幸的是)使用yourLinkNode.href = yourCanvasNode.toDataUrl()