我正在尝试一个按钮以png格式保存图像。该图像可以来自URL,来自资源或来自Web api

我是Web开发 Realm 的初学者。我知道任何按钮 Action 都可以这样完成:

<input type="button" value="Save image"       onclick="saveimage();" />

还是这样(我不确定哪个是更好的实现)
<button type="button" onclick="saveimage();">Save Image</button>

我不知道要在Javascript header 中放置什么内容才能将图像保存为png。有什么线索吗?

谢谢!

最佳答案

我知道的唯一解决方案是:

<script>
function saveImageAs (imgOrURL) {
    if (typeof imgOrURL == 'object')
      imgOrURL = imgOrURL.src;
    window.win = open (imgOrURL);
    setTimeout('win.document.execCommand("SaveAs")', 500);
  }
</script>
<body>

  <A HREF="javascript: void 0"
     ONCLICK="saveImageAs(document.anImage); return false" >
  save image</A>
  <IMG NAME="anImage" SRC="../apache_pb2.gif">
</body>

但是它仅在IE中有效。
如果您要使用服务器端脚本(php,asp),那就大不一样了。
然后,您可以设置响应头来强制用户下载文件(获取“另存为..”对话框)

09-11 04:01