当点击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指向文件地址