1.要实现的效果图
2.调取接口,接口返回的数据形式
3.代码实现
http.js文件中的post请求方法中的service的参数中添加responseType: ‘arraybuffer‘;
在.vue文件中调取接口:
this.http.post(path).then((res) => {
// url 就是图片地址,将url放置在标签img的src属性中,就可以在页面中显示图形验证码
let url = ‘data:image/png;base64,‘ + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ‘‘));
this.imageBase64 = url
});
在html中:
<img :src="imageBase64" />