javascript - js怎么实现保存图片到本地?
巴扎黑
巴扎黑 2017-06-15 09:22:51
[JavaScript讨论组]

当点击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="images/123.png" download="123.png">
代言

a标签的href指向文件地址

<a href="images/123.png">下载图片</a>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号