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

So laden Sie Bilder mit js lokal herunter

墨辰丷
Freigeben: 2018-05-09 15:46:47
Original
5850 Leute haben es durchsucht

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;  
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage