js下載圖片到本地
阿新 • • 發佈:2019-02-19
$(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="" />