2012-01-11 50 views
0

我在我的網站上獲得了圖像。我想要創建的功能,如果用戶點擊該圖像保存爲窗口出現,並可以保存圖像。可點擊的圖像另存爲選項

我寫了這樣的事情:

<a href="/foto1.png" target="_blank"> 
    <img src="/foto1.png" alt="" /> 
</a> 

和它的作品,但打開新的標籤頁,直到用戶點擊保存或關閉另存爲窗口。是否有可能擺脫新標籤?

感謝您的任何建議

+2

如果要打開另存爲對話框,你需要從服務器使用HTTP響應的內容部署頭髮送圖像http://www.jtricks.com/bits/content_disposition.html – 2012-01-11 23:21:11

回答

2

我會改變你的商標起來,包括你想保存在一個容器中的所有圖像,但是這隻能在IE瀏覽器恐怕是:

<div id="imagesToSave"> 
    <a href="/foto1.png" target="_blank"> 
     <img src="/foto1.png" alt="" /> 
    </a> 
</div> 

然後使用jQuery使用此代碼:

$('#imagesToSave img').click(function(){ 
    document.execCommand('SaveAs',true,'file.html'); 
}); 

對於其他瀏覽器,你會明顯地想Craig Stuntz做想一想:

超鏈接到img文件並在服務器響應中設置內容類型和內容處置標頭。嘗試,例如,application/x-download,加上這裏指定的其他頭文件。

好運