遇到个将网站内指定内容保存成TXT文件并下载到本地的需求,前端的内容肯定需要使用JS脚本来实现了,下面给出一个实现的方法,参考一下。
JS实现生成TXT文件并下载到本地的方法
示例1:
JS代码:
/** * /@author mochu * /@var filename 保存的文件名 * /@var txt 保存的内肉 * * /@link http://feiniaomy.com */ function download_txt(filename, text) { var pom = document.createElement('a'); pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); pom.setAttribute('download', filename); if (document.createEvent) { var event = document.createEvent('MouseEvents'); event.initEvent('click', true, true); pom.dispatchEvent(event); } else { pom.click(); } }
代码调用:
download_txt('1.txt','feiniaomy.com');
示例2:
/** * /@author mochu * /@var filename 保存的文件名 * /@var txt 保存的内肉 * * /@link http://feiniaomy.com */ function download_txt(filename,content,contentType) { if (!contentType) contentType = 'application/octet-stream'; var a = document.createElement('a'); var blob = new Blob([content], { 'type': contentType }); a.href = window.URL.createObjectURL(blob); a.download = filename; a.click(); }
代码调用:
download_txt('1.txt','feiniaomy.com');
注:
1、经测试,以上两种JS生成TXT文件交下载到本的代码可以支持 chrome , Firefox 以及 edge 浏览器!
2、由于没有苹果设备,无法测试是否支持 Safari,当然如果哪位大神有不用的苹果设置可以赞助我一台!
到此这篇关于javascript 如何实现生成并下载txt文件的方法就介绍到这了。我们现在经历的那些,无论好的坏的,全部都是微不足道的小事。度过那些摇摇晃晃的日子,所有艰辛也会内化成为,留下闪光又珍贵的和一路上坚韧不拔的勇气!更多相关javascript 如何实现生成并下载txt文件的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!