读取文件 · 前端

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="file" name=""> <script type="text/javascript"> 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>