javascript - 如何在本地磁盘中保存img src

我在html文件中有一个img代码：

<span style="display:inline">
        <img NAME="anImage" height="250" src="https://chart.googleapis.com/chart?" alt="">
       </span>

在上面，网页中显示了一个<img>，现在我想添加一个按钮，单击该按钮时，弹出系统“另存为”对话框，然后将该img保存到本地磁盘。

   <input id="saveImage" type="button" value="save image"></input>
   <script type="text/javascript">
    .............
   </script>

我怎样才能做到这一点？

最佳答案

您想要的是图像的默认浏览器行为。如果需要其他按钮，则可以触发图像的上下文菜单事件：

给您的图片一个ID，以使其与本地javascript一起使用！

var ev
  , image = document.getElementById('your-image-id')
  , button = document.getElementById('saveImage');

button.onclick = function () {
  if (document.createEvent) { // means this is no ie-browser
    ev = document.createEvent('HTMLEvents');
    ev.initEvent('contextmenu', true, false);
    image.dispatchEvent(ev);
  } else {
    image.fireEvent('oncontextmenu');
  }
};

关于javascript - 如何在本地磁盘中保存img src，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13910552/