JavaScript如何實作檔案的下載功能

這篇文章主要介紹了關於JavaScript如何實現檔案的下載功能，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

1.H5 download屬性

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方式

#

// 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方式

// 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();

 以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

vue中Element表單驗證的使用方法

使用JavaScript控制台如何改進工作的流程

#

以上是JavaScript如何實作檔案的下載功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！