javascript - js怎么实现保存图片到本地？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - js怎么实现保存图片到本地？

巴扎黑 2017-06-15 09:22:51

[JavaScript讨论组]

1161

当点击a标签时，下载图片怎么实现？

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

巴扎黑

全部回复(3)

阿神2017-06-15 09:24:51 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写文件的权限，想到在补充

赞 +0

添加回复

欧阳克2017-06-15 09:24:51 2楼

<a href="images/123.png" download="123.png">

赞 +0

添加回复

代言2017-06-15 09:24:51 1楼

a标签的href指向文件地址

<a href="images/123.png">下载图片</a>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>