1、通过创建a标签,实现下载功能
function downLoad(content,fileName){var aEle = document.createElement("a");// 创建a标签// blob = new Blob([content]); aEle.download = fileName;// 设置下载文件的文件名//aEle.href = URL.createObjectUrl(blob);aEle.href = content;// content为后台返回的下载地址aEle.click();// 设置点击事件 } let URL ='XXXX' //下载地址 downLoad(URL ,'test.xlxs')
如果content 非下载地址,而是下载的内容。实现代码微调下即可。
function downLoad(content,fileName){var aEle = document.createElement("a");// 创建a标签blob = new Blob([content]); aEle.download = fileName;// 设置下载文件的文件名aEle.href = URL.createObjectUrl(blob);aEle.click();// 设置点击事件 } downLoad('下载内容123123','test.txt')
2、通过H5 的 download方法
function downFile(content, filename) {var ele = document.createElement('a');// 创建下载链接ele.download = filename;//设置下载的名称ele.style.display = 'none';// 隐藏的可下载链接// 字符内容转变成blob地址var blob = new Blob([content]);ele.href = URL.createObjectURL(blob);// 绑定点击时间 document.body.appendChild(ele);ele.click();// 然后移除 document.body.removeChild(ele); };
参考地址:https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/