遇到个将网站内指定内容保存成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文件的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!




