如何保存在本地磁盤

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

如何保存在本地磁盤

回答

相關問題