后端让转bese64怎么办? new FileReader()方法

今天对接口时 , 看到上传图片要求上传base64形式的 , 当时就觉得 , 我是不是得罪后端了 , 这不纯属为难人吗 ? 只有不停的问同事 , 和上网查询总结资料 , 其实转base64很简单,就三步死方法,先放这用到了再来拿

const reader = new FileReader()
        // 2.读取文件对象
        reader.readAsDataURL(e.target.files[0])
        // 3.监听onload文件读取完毕事件
        reader.onload = function () {
          console.log(reader.result)
        }

主要是利用onload来监听文件内容是否读取到

下面是转载CSDN博主「右想小小怪」的原创文章

1：FileReader : 读取文件内容
readAsText() 读取文本文件，(可以使用Txt打开的文件)

readAsBinaryString(): 读取任意类型的文件，返回二进制字符串

readAsDataURL: 方法可以将读取到的文件编码成DataURL ，可以将资料(例如图片、excel文件)内嵌在网页之中，不用放到外部文件

abort: 中断读取

2：FileReader 提供一个完整的事件模型，用来捕获读取文件的状态
onabort:读取文件断片时触发

onerror:读取文件错误时触发

onload:文件读取成功时触发

onloadend:文件读取完毕之后，不管成功还是失败触发

onloadstart: 开始读取文件时触发

onprogress:读取文件过程中触发

————————————————

原文链接：https://blog.csdn.net/weixin_45629623/article/details/114553555