js前端读取文件内容

方法1：原生

<input type="file" name="file" id="file"  onchange="jsReadFiles(this.files)">

//js 读取文件
function jsReadFiles(files) {
    var file = files[0];
    var reader = new FileReader();//new一个FileReader实例
    reader.onload = function(){
    console.log(this.result);
    }
    reader.readAsText(file);
}

方法2：jq

<input type="file" name="file" id="file" >

$('input[name=file]').change(function(e){
    var files = e.currentTarget.files;
    var file = files[0];
    var reader = new FileReader();
    reader.onload = function(){
    console.log(this.result);
    }
    reader.readAsText(file);
});