通过js保存图片到本地

最新推荐文章于 2024-03-13 11:20:17 发布

weixin_30384217

最新推荐文章于 2024-03-13 11:20:17 发布

阅读量290

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Renn/archive/2011/08/02/2125047.html

版权

　　HTML代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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>

　　JS代码：

function DownLoadReportIMG(imgPathURL) {
        
        //如果隐藏IFRAME不存在，则添加
        if (!document.getElementById("IframeReportImg"))
            $('<iframe style="display:none;" id="IframeReportImg" name="IframeReportImg" οnlοad="DoSaveAsIMG();" width="0" height="0" src="about:blank"></iframe>').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");        
    }

转载于:https://www.cnblogs.com/Renn/archive/2011/08/02/2125047.html

weixin_30384217

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
通过js保存图片到本地

　　HTML代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title> 通过js保存图片到本地 </title> <meta name="Generator" content="EditPlus...
复制链接

扫一扫