3

我想有一个按钮来保存 png 格式的图像。图片可以来自 URL、资源或来自 web api

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

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

或者像这样(我不确定哪个是更好的实现)

<button type="button" onclick="saveimage();">Save Image</button>  

我不知道在 Javascript 标头中放入什么才能将图像保存在 png 中。有什么线索吗?

谢谢!

4

1 回答 1

2

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

<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),情况会有所不同。然后您可以设置响应标头以强制用户下载文件(获取另存为.. 对话框)

于 2013-02-12T21:30:07.450 回答