代码改变世界

JS读取本地TXT文本的两种方法

2022-05-10 08:27  猎手家园  阅读(13049)  评论(0编辑  收藏  举报

很少有场景用JS读取txt的,记录一下。

第1种,通过ajax的get方法,直接看代码:

function readTxt() {
    $.get('title.txt',function(data) {    
        var lines = data.split("\n"); //按行读取
    
        $.each(lines,function(i, v) {
            console.log(v);
        });
    });
}

 

第2种是通过FileReader方法

function readTxt(files) {
    var reader = new FileReader();
    var file = files[0]; //files为上传组件获取的地址
    reader.readAsText(file, 'utf-8');
    reader.onload = function(){
        reader.result.split('\n').forEach(function(v, i){
            console.log(v);
        });
    };
    reader.onerror = function(){
        console.log('读取失败');
        console.log(reader.error);
    };
}