FileReader

FileReader 是一种文件异步读取机制，可以读取到文件中的数据

创建 FileReader 实例

const reader = new FileReader()

读取文件的方式

• 按字节读取文件内容，结果用ArrayBuffer对象表示

readAsArrayBuffer(file)

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

const file = document.getElementById('file')

file.onChange = function (e) {
    const file = e.target.files[0]
    const reader = new FileReader()
    
    reader.readAsArrayBuffer(file)
    
    reader.onload = (e) => {
        console.log(e.target.result)
    }
}

• 按照字节读取文件内容，结果为文件的二进制串

reader.readAsBinaryString(file)

• 读取文件的内容，结果用 data:url 的字符串形式表示

reader.readAsDateURL(file)

• 按照字符读取文件内容，结果用字符串形式表示

readAsText(file, encoding)

• 终止文件的读取操作

reader.abort()