So implementieren Sie die Funktion zum Herunterladen von Dateien in JavaScript

Dieser Artikel stellt hauptsächlich vor, wie JavaScript die Datei-Download-Funktion implementiert. Jetzt kann ich ihn mit Ihnen teilen

1.H5-Download-Attribut

function downFile(content, filename) {    // 创建隐藏的可下载链接
    var eleLink = document.createElement('a');
    eleLink.download = filename;
    eleLink.style.display = 'none';    // 字符内容转变成blob地址
    var blob = new Blob([content]);
    eleLink.href = URL.createObjectURL(blob);    // 触发点击    document.body.appendChild(eleLink);
    eleLink.click();    // 然后移除    document.body.removeChild(eleLink);
};

2.iframe-Methode

// if (typeof(download.iframe) == 'undefined') {
            //     var iframe = document.createElement('iframe');
            //     download.iframe = iframe;
            //     document.body.appendChild(download.iframe);
            // };
            // download.iframe.src = newdownloadUrl;
            // download.iframe.style.display = "none";

3.form-Methode

// var $eleForm = $("<form method=&#39;get&#39;></form>");
            // $eleForm.attr("action", "https://codeload.github.com/douban/douban-client/legacy.zip/master");
            // $eleForm.attr("action", url);
            // $(document.body).append($eleForm);
            // $eleForm.submit();

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

So verwenden Sie die Elementformularvalidierung in Vue

So verwenden Sie die JavaScript-Konsole, um die zu verbessern Arbeitsprozess

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Funktion zum Herunterladen von Dateien in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!