前端加载显示后端返回的验证码图片流

后端返给前端一段图片流,如下所示:

 前端代码中如果直接将此图片流绑定给img的src属性,是显示不出来图片的,需要在接口处进行转化再赋值,转化的方式就是window.URL.createObjectURL( ),将图片流转化为本地请求地址。

graphicCode() {
    let data = {
        username: this.$store.state.login.login.username
    }
    $ajaxLogin.graphicCode(data, res = > {
        this.imgUrl = window.URL.createObjectURL(res);
    })
}

而且在api请求的时候要需要指定返回类型为blob

responseType: 'blob'
原文地址:https://www.cnblogs.com/florazeng/p/13460479.html