[英]Download image on button click using jQuery
我的頁面中有一張圖片。 我希望在單擊按鈕時下載圖像。 我怎么能用jQuery或Javascript做到這一點? 請給我一個小提琴。 小提琴
<div id="download">
<img src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" id="image">
<button id="dwnld"> Download image </button>
</div>
您實際上可以使用HTML5 download
屬性執行此操作,如果舊版瀏覽器存在問題,則應使用服務器端,並設置相應的標頭等。
<a href="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" download="smile.jpg">Download image</a>
save.php將返回
“1 | DOWNLOAD_NOS | FULL_PATH | FILE_NAME”或者您可以使用jSON
$('#save_wall').click(function(e) { e.preventDefault(); $.ajax({ type: "POST", url:"save.php", data: "id=<?=$_GET['id'];?>", success: function (dataCheck) { var m=dataCheck.split("|"); if(m[0] == '1') { alert("Thank You for your Download Picture\\n\\nShortly Picture Download will start..."); $('#save_wall_count').html(m[1]); var a = document.createElement('a'); a.href = m[2]; a.download = m[3]; document.body.appendChild(a); a.click(); document.body.removeChild(a); } if(m[0] == '0') alert("Error: Error in Save Picture or Not Found...\\n\\n"+ dataCheck); } }); });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.