js下载图片到本地
2015-09-29 16:23
369 查看
$(function(){ //二维码 (function(){ var img_src = $('.qr_img')[0].src; if(browserIsIe()){//假如是ie浏览器 $('.down_qr').on('click',function(){ img_src = $('.qr_img')[0].src; DownLoadReportIMG(img_src); }); }else{ $('.down_qr').attr('download',img_src); $('.down_qr').attr('href',img_src); $('.sutmit_btn').on('click',function(){ $('.down_qr').attr('download',img_src); $('.down_qr').attr('href',img_src); }); } })(); }); function DownLoadReportIMG(imgPathURL) { //如果隐藏IFRAME不存在,则添加 if (!document.getElementById("IframeReportImg")) $('<iframe style="display:none;" id="IframeReportImg" name="IframeReportImg" onload="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") window.frames["IframeReportImg"].document.execCommand("SaveAs"); } //判断是否为ie浏览器 function browserIsIe() { if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; }
html
<img class="qr_img" src= "" download="" />
相关文章推荐
- js获取客户端MAC地址
- JavaScript数据属性与访问器属性
- 个人js
- 请用一句话概括JSONP
- js返回顶部
- JavaScript 数组操作
- 10 Super JavaScript Animation Frameworks
- js的几种继承方式
- 在后端是PHP程序的情况下,保持前端Javascript和PHP之间传值的统一编码可以使用以下函数进行处理:
- json转xml
- JavaScript 获取鼠标点击位置坐标
- JS Replace
- 针对淡入淡出的定时轮播效果js
- 伸缩放大的js
- sea.js基础学习
- xpages调用后台代理
- js三级地区联动
- JavaScript 闭包的理解
- javascript:判断支持哪种监听
- JavaScript学习的12条建议