图片文件格式转化为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 
                    })
                }
            
        },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM