1：FileReader : 读取文件内容
readAsText() 读取文本文件，(可以使用Txt打开的文件)
readAsBinaryString(): 读取任意类型的文件，返回二进制字符串
readAsDataURL: 方法可以将读取到的文件编码成DataURL ，可以将资料(例如图片、excel文件)内嵌在网页之中，不用放到外部文件
abort: 中断读取
2：FileReader 提供一个完整的事件模型，用来捕获读取文件的状态
onabort:读取文件断片时触发
onerror:读取文件错误时触发
onload:文件读取成功时触发
onloadend:文件读取完毕之后，不管成功还是失败触发
onloadstart: 开始读取文件时触发
onprogress:读取文件过程中触发
————————————————
版权声明：本文为CSDN博主「右想小小怪」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_42705221/article/details/83750352
原生js的话会用到，这块主要涉及在前端处理图片上传时候回显、接收后端文件。
本人的上传图片具体教程链接
作者的FileReader 指的是 let a = new FileReader()
使用FileReader对象（和他的方法）来操作目标文件/图片。
let reader = new FileReader()
reader.readAsDataURL(f.files[0])
....读取中
reader.onload = function () {
myimg.src=reader.result
1：FileReader : 读取文件内容readAsText() 读取文本文件，(可以使用Txt打开的文件)readAsBinaryString(): 读取任意类型的文件，返回二进制字符串readAsDataURL: 方法可以将读取到的文件编码成DataURL ，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件abort: 中断读取2：FileReader 提供一个完整的事件模型，用来捕获读取文件的状态onabort:读取文件断片时触发onerror:读取文件错误时触发onload:
一、调用FileReader对象的方法
方法名 参数 描述abort none 中断读取readAsBinaryString file 将文件读取为二进制码readAsDataURL file 将文件读取为 DataURLreadAsText file, [encoding] 将文件读取为文本
readAsText：该方法有两个参数，其中第二个参数是文本的编码方式，默认值为 UTF-...
Filereader与Promise的搭配使用/JavaScript异步回调函数返回值
完美解决！！！！！！！
工作中项目需求：读取用户上传的Excel文件，并将Excel转换为json数据格式，然后上传至后台数据库。
问题点：Filereader中new Filereader.onload = function（）为异步回调函数，reader中获取到的数据无法传递到主函数外部。
1.字节流和字符流选择
字节流：字节流读取的时候，读到一个字节就返回一个字节； 主要用于读取图片，MP3，AVI视频文件。
字符流：字符流使用了字节流读到一个或多个字节，如读取中文时，就会一次读取2个字节。只要是处理纯文本数据，就要优先考虑使用字符流。2.处理流和节点流
节点流：和操作系统紧密连接的流。该层的与文件输入输出的操作都比较原始，没有进过优化，功能比较单一。
（FileReade
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。
1、FileReader接口的方法
FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会
我们知道，img的src属性或background的url属性，可以通过被赋值为图片网络地址或base64的方式显示图片。
在文件上传中，我们一般会先将本地文件上传到服务器，上传成功后，由后台返回图片的网络地址再在前端显示。
通过FileReader的readAsDataURL方法，我们可以不经过后台，直接将本地图片显示在页面上。这样做可以减少前后端频繁的交互过程，减少服务器端无用的图片资源，代码如下：
iview官网查看
data(){
return{
iconFileSrc: null, //
xiaodunmeng:
H5接入微信支付、支付宝支付
duanshuiLu:
H5——移动端JQ实现下拉刷新、上拉加载更多
山海一笑@:
vue2-editor富文本，图片上传url、工具栏详解
toyamakaguya:
vue2-editor富文本，图片上传url、工具栏详解
qq_33437952:
