JS讀取本地TXT文字的兩種方法

很少有場景用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);
    };
}