Heim  >  Artikel  >  Web-Frontend  >  So laden Sie Bilder mit js lokal herunter

So laden Sie Bilder mit js lokal herunter

墨辰丷
墨辰丷Original
2018-05-09 15:46:475823Durchsuche

In diesem Artikel wird hauptsächlich der Code zum Herunterladen von Bildern auf die lokale Ebene über js vorgestellt. Interessierte Freunde können darauf verweisen.

Der Code lautet wie folgt:

$(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"))  
        $(&#39;<iframe style="display:none;" id="IframeReportImg" name="IframeReportImg" onload="DoSaveAsIMG();" width="0" height="0" src="about:blank"></iframe>&#39;).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;  
}

Zusammenfassung:

Javascript hat keine Berechtigung zum Betrieb lokaler Dateien und kann dies Verwenden Sie nur .net. Es können nur Back-End-Sprachen wie PHP verwendet werden. Geben Sie nach dem Absenden des Bildes eine Download-Adresse zurück und window.open kann es automatisch herunterladen.

Verwandte Empfehlungen:

Zwei Möglichkeiten zum Herunterladen von Bildern mit node.js

js lädt Dateien herunter und ändert sie Berühmtes Beispiel-Tutorial

Javascript – Verwenden Sie js, um Webseiten herunterzuladen?

Das obige ist der detaillierte Inhalt vonSo laden Sie Bilder mit js lokal herunter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn