點擊a標籤時,下載圖片怎麼實現?
<img src="images/123.png" alt=""> <a href="#">下载图片</a>
兩種思路:1.
<html> <head> <title> 通过js保存图片到本地 </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> </head> <body> <input type="button" value="download image" onclick="DownLoadReportIMG('http://www.oursss.com/uploads/photo/1045_2590.jpg?rd=0.9961522558898981');"> </body> </html>
function DownLoadReportIMG(imgPathURL) { //如果隐藏IFRAME不存在,则添加 if (!document.getElementById(“IframeReportImg”)) $(‘‘).appendTo(“body”); if (document.all.IframeReportImg.src != imgPathURL) { //加载图片 document.all.IframeReportImg.src = imgPathURL; } else { //图片直接另存为 DoSaveAsIMG(); } } function DoSaveAsIMG() { if (document.all.IframeReportImg.src != “about:blank”) document.frames(“IframeReportImg”).document.execCommand(“SaveAs”); }
2.第二种思路,使用获取img对象,然后通过ajax+fromData发送到服务端,然后发起请求下载该图片 -------------暂时想到这两种,没有找到js写文件的权限,想到在补充
雷雷
a標籤的href指向檔案位址
<a href="images/123.png">下载图片</a>
兩種思路:
1.
雷雷
a標籤的href指向檔案位址