javascript - js怎麼實作保存圖片到本地?
巴扎黑
巴扎黑 2017-06-15 09:22:51
0
3
1016

點擊a標籤時,下載圖片怎麼實現?

<img src="images/123.png" alt="">
        <a href="#">下载图片</a>
巴扎黑
巴扎黑

全部回覆(3)
阿神

兩種思路:
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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板