FileReader

    其中 File对象 可以是来自用户在一个元素上选择文件后返回的 FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个 HTMLCanvasElement 上执行 mozGetAsFile() 方法后返回结果。

    FileReader接口的方法

    FileReader 接口包含了一套完整的事件模型,用于捕获读取文件时的状态

    1. // 一个文件上传的回调 <input type="file" onchange="onChange(event)">
    2. function onChange(event) {
    3. var file = event.target.files[0];
    4. // 文件里的文本会在这里被打印出来
    5. console.log(event.target.result)
    6. }