我有一个由 html+javascript 制作的网页,这是演示,我想知道如何读取本地 csv 文件并逐行读取,以便我可以从 csv 文件中提取数据。
如何使用Javascript读取本地文本文件并逐行读取?
IT技术
javascript
html
file
                    2021-02-01 06:50:39
                
                    
                
            
        2个回答
            没有 jQuery:
document.getElementById('file').onchange = function(){
  var file = this.files[0];
  var reader = new FileReader();
  reader.onload = function(progressEvent){
    // Entire file
    console.log(this.result);
    // By lines
    var lines = this.result.split('\n');
    for(var line = 0; line < lines.length; line++){
      console.log(lines[line]);
    }
  };
  reader.readAsText(file);
};
HTML:
<input type="file" name="file" id="file">
请记住在呈现文件字段之后放置您的 javascript 代码。
使用 ES6,javascript 变得更简洁
handleFiles(input) {
    const file = input.target.files[0];
    const reader = new FileReader();
    reader.onload = (event) => {
        const file = event.target.result;
        const allLines = file.split(/\r\n|\n/);
        // Reading line by line
        allLines.forEach((line) => {
            console.log(line);
        });
    };
    reader.onerror = (event) => {
        alert(event.target.error.name);
    };
    reader.readAsText(file);
}
其它你可能感兴趣的问题