javascript 如何实现生成并下载txt文件的方法

借口腾不出时间去健身的人,迟早会腾出时间去看病!善待自己,幸福无比,善待别人,快乐无比,善待生命,健康无比。梦想,就是这样一个词,不在于拥有,而在于追求。

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