文件读取 · JavaScript

## FileReader对象 HTML5新增内建对象,可以读取本地文件内容. ``` <body> <input type="file" id="file" multiple> <script> var file = document.getElementById('file'); file.onchange = function () { var reader = new FileReader(); reader.readAsText(this.files[0]); //如果是读取文件,最好是utf-8字符集的,或者可以指定字符集读取,到网上查. reader.onload = function () { //读取完成之后 console.log(this.result); //result是固定写法 } } </script> ``` ## 读取文件 ``` <body> <input type="file" id="file" multiple> <img src="" alt="" id="img"> <script> var file = document.getElementById('file'); var img = document.getElementById('img'); file.onchange = function () { var reader = new FileReader(); reader.readAsDataURL(this.files[0]); reader.onload = function () { img.src = this.result //读取到的是base64 } } </script> ```