1. 获取文件
var file=this.files[0];
2. 开始读取,创建读取器
var reader=new FileReader();
3.开始读取
reader.readAsText(file);
4.获取读取的结果
reader.onload=function() {
console.log(reader.result);
}
代码示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="file" name=""> <script type="text/javascript"> // 通过该选择器选中input元素。 var input=document.querySelector("input"); input.onchange=function(){ //获取到文件 var file=this.files[0]; //开始读取,创建读取器 var reader=new FileReader(); //开始读取 reader.readAsText(file); //获取读取的结果 //当文件读取完成后,才可以获取文件信息内容 reader.onload=function() { console.log(reader.result); } } </script> </body> </html>
效果:
2018-05-22 17:02:38