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

2,386 阅读1分钟

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

前端代码中如果直接将此图片流绑定给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'