后端返给前端一段图片流,如下所示:
前端代码中如果直接将此图片流绑定给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'