js New FileReader() 的使用介绍
💡
原文中文,约800字,阅读约需2分钟。
📝
内容提要
FileReader提供多种方法读取文件内容,包括文本文件、任意类型文件和DataURL编码。同时,提供完整事件模型,捕获读取文件状态,如读取断片、错误、成功、完成和开始等。前端处理图片上传时,可使用FileReader对象及其方法操作目标文件/图片,如转换为地址并回显。
🎯
关键要点
- FileReader提供多种方法读取文件内容,包括文本文件、任意类型文件和DataURL编码。
- readAsText()用于读取文本文件,readAsBinaryString()用于读取任意类型文件,readAsDataURL()用于将文件编码成DataURL。
- FileReader提供完整的事件模型,捕获读取文件的状态,包括onabort、onerror、onload、onloadend、onloadstart和onprogress。
- 在前端处理图片上传时,可以使用FileReader对象及其方法操作目标文件/图片,进行地址转换和回显。
➡️