2013-07-29 77 views
-3

蔭試圖創建一個onclick圖像下載鏈接,當用戶點擊鏈接/按鈕,他應該得到一個選項來下載的onclick圖片Downlod鏈接

這裏是低於

<form> 
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'" > 
</form> 

不是我的代碼當然,爲什麼它沒有任何想法來解決這個問題?

+0

你不需要一種形式,只是一個錨標記,並使用圖像源的src屬性.. – designtocode

+0

請寫下你想給下載的文件喜歡。 pdf,png.jpeg,doc ..等等。 – Prasannjit

+1

請看這應該回答你的查詢 - http://stackoverflow.com/questions/6796974/force-download-an-image-using-javascript –

回答

-1

這個工作很適合我..

<a href="http://dummyimage.com/600x400/000/fff.png" download>Download this image</a>

1

該代碼不起作用,因爲您已將s添加到window的末尾。

你應該使用一個普通的<a href="">

要觸發下載而不是使圖像在瀏覽器窗口中呈現,您需要使用the Content-Disposition HTTP header將其標記爲附件。

例如與Apache的配置:

<IfModule mod_headers.c> 
    <FilesMatch "\.jpeg$"> 
     Header set Content-Disposition "attachment" 
    </FilesMatch> 
</IfModule> 

有使用JavaScript這個(雖然,我想你可以使用XMLHttpRequest下載圖像,生成一個data:方案URI,然後設置location.href到URI沒有明智的方法同時講述內容類型)。