https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/ 侵刪

?

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); };

downFile(下載地址, 保存名稱);

?

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='get'></form>");// $eleForm.attr("action", "https://codeload.github.com/douban/douban-client/legacy.zip/master");// $eleForm.attr("action", url);// $(document.body).append($eleForm);// $eleForm.submit();

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的前端js 实现文件下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。