vue将文件流的形式的图形验证码转换成图片

时间：2021-07-01 15:14:51 阅读：29 评论：0 收藏：0 [点我收藏+]

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中：

原文：https://www.cnblogs.com/wangyan0926/p/14958026.html

踩

(0)

评论一句话评论（0）

分享档案

更多>