图片文件格式转化为base64

1:、需求：之前的图片上传接口是，前端上传图片给后端，后端返回一个存放图片的web路径，现在后端出问题，返回的web路径无法使用，需要前端展示本地的文件

2、思路：把当前选择的图片文件转化成base64格式用backgroundImage来展示

3、实现：

        fileListChange(file) {
                let oFReader = new FileReader()
                oFReader.readAsDataURL(file.raw) //读取指定文件
                let _this = this
                oFReader.onloadend = e => {      //当文件读取完成时触发该loadend事件，无论成功与否。
                    let src = e.target.result    //转化为base64
                    _this.$nextTick(() => {
                        let dom = _this.$refs.editImg
                        dom.style.backgroundImage = `url(${src})` //用backgroundImage展示base64 
                    })
                }
            
        },

标签：文件,oFReader,文件格式,base64,backgroundImage,let,图片
来源： https://www.cnblogs.com/lovewhatIlove/p/16071026.html