上传头像时,时常要我们上传base64格式的字符串.

掌握好三部曲就可以了.

第一步 const fr= new FileReader() 这是浏览器对象.

第二步 调用 readAsDataURL fr.readAsDataURL(e.target.file[0])

第三步 通过fr.onload监听文件读取.

fr.onload=function(){ //dosomething } 这里的fr.result 就是装换为base 64 格式的字符串

把result 打印出来看看

就是上面一大坨,直接把它放在img标签的src属性就可以显示图片了