如何给浏览器“将图像另存为”按钮

普拉梅什(Pramesh Harshana)

我正在做一个画布绘图项目。我将画布转换为图像,然后将该图像另存为“ .png”。我必须右键单击该图像,然后选择“将图像另存为”选项。但是我想通过按钮提供该选项。当我单击按钮时,应将其保存。

任何示例或想法将不胜感激。

这是一个将画布转换为png的js函数。

 function save2()
 {
   window.open(canvas.toDataURL('image/png'));
   var gh=(canvas.toDataURL('png'));
   alert("converted");
 }
阿德内

在现代浏览器中,您可以使用下载属性

function save2() {
    window.open(canvas.toDataURL('image/png'));
    var gh = canvas.toDataURL('png');

    var a  = document.createElement('a');
    a.href = gh;
    a.download = 'image.png';

    a.click()
}

只需通过按钮触发功能,或将锚点插入页面并将其样式设置为按钮即可。

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何处理打印和“将打印输出另存为”浏览器窗口?

如何使Chrome浏览器在新窗口中将Base64编码的图像另存为png?

无法在Edge浏览器上将画布另存为图像

单击链接后强制浏览器将文件另存为

将网页另存为pdf,使其在浏览器中的外观完全相同

如何另存为 html 文件,嵌入浏览器显示?

如何防止图像另存为+防止图像拖放到桌面上+防止在桌面浏览器上截屏

如何将图像PDF文件另存为图像?

如何使浏览器显示“另存为对话框”,以便用户可以将字符串的内容保存到系统上的文件中?

在Firefox或Chrome浏览器中,是否存在用于“将链接另存为”的键盘快捷键?

是否将页面浏览器视图另存为mutt中的文件?并在Vim中打开它?

创建浏览器-将“ URL”另存为列表中的字符串时出现错误消息?

如何将张量图像另存为PNG?

如何将div的内容另存为图像?

如何将图像另存为32位BMP?

如何将窗口内容另存为图像

Excel 2010 如何将图形另存为图像?

如何将图像另存为变量?

JSP将“渲染的”图像另存为

无法将图像另存为SQLite

Rails将文件另存为图像

将Numpy数组另存为图像

将网页另存为图像

将大型网页另存为图像

将目标纹理另存为图像

将位图另存为jpeg图像

将图像数组另存为PFFiles

通过JSF应用程序从任何Web浏览器强制进行另存为对话

Servlet:强制浏览器(Google Chrome)立即打开“另存为”对话框