如何保存在本地磁盘

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>

我该怎么做？

来源

2012-12-17 jimwan

您不需要显示语句，跨度默认为内联元素。另外，当用户右键单击时，会有一个保存图像作为选项。为什么复制默认行为？ – Kyle

此代码允许用户通过点击id为saveImage按钮来下载文件example.jpg

$('#saveImage').click(function() { 

window.location.assign('http://localhost/example.jpg'); 

});

来源

2012-12-17 08:25:28 Alex

你想要的是图像的默认浏览器的行为。如果你想要一个额外的按钮，你可以触发图像的上下文菜单事件：

给你的图像一个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'); 
    } 
};

来源

2012-12-17 08:30:07 hereandnow78

如何保存在本地磁盘

回答

相关问题