后端传回图片,前端处理后显示到页面中

// vue dom 部分


// data 中定义 imgUrl
data() {
    return {
        imgSrc: ''
    }
}

// methods中添加方法
methods: {
    getImg() {
        let url = 'load/img';
        axios.get(url, {responseType: 'arraybuffer'})
        .then((response)=>{
            this.imgSrc = 
                'data:image/png;base64,' + Buffer.from(response.data).toString('base64');
        })
    }
}

 

你可能感兴趣的:(vue,JavaScript)