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

1.要实现的效果图

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

2.调取接口,接口返回的数据形式

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

3.代码实现   

 http.js文件中的post请求方法中的service的参数中添加responseType: ‘arraybuffer‘;

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

  在.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" />

 

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

上一篇:jquery图片延迟加载


下一篇:Android线控耳机长按事件