2013-09-29 45 views
1

如何在點擊圖像時觸發「另存爲圖像」操作?模擬保存圖像爲

+0

@ codefreak這個問題並不完全覆蓋這一個,因爲它假設圖像已經在URL形式。 – Dave

+0

好的如何http://stackoverflow.com/questions/12238545/how-to-save-an-image-via-javascript – codefreak

+2

是的,看起來更好。儘管看起來那時可能的解決方案並不那麼優雅。 – Dave

回答

10

可以使用HTML5的下載屬性做到這一點,沒有jQuery的有:

<a href="http://farm3.staticflickr.com/2881/10000610654_fdf29eb02f_q.jpg" download> 
    <img src="http://farm3.staticflickr.com/2881/10000610654_fdf29eb02f_q.jpg" alt="Smiley face"> 
</a> 

還可以聲明文件名,如果你想它會比默認的其他名稱:

<a href="http://farm3.staticflickr.com/2881/10000610654_fdf29eb02f_q.jpg" download="fileName.jpg"> 
    <img src="http://farm3.staticflickr.com/2881/10000610654_fdf29eb02f_q.jpg" alt="Smiley face"> 
</a> 
+2

+1 - 下載屬性很好! – adeneo

+0

@ j08691我試過這個,但它不工作 請檢查我的問題http://stackoverflow.com/questions/31988259/download-image-on-click-in-a-preferred-name –