说明
后台返回图片二进制流,需要使用get请求获取返回结果,并且将返回的二进制流以图片形式显示在页面img中。
但是日常显示图片都诸如这种形式:
<img src="图片路径、地址" alt="" />
以上需求不能将后端地址直接填入src(原因是需要获取图片请求的headers中字段)
问题
后端返回图片验证码,返回验证码的请求中的headers有一个Captcha-ETag:caf9f71eb9f511e78e41020563146d69,登录请求带上它用来做验证码校验。
所以,只能在get请求获取,不能直接用直接img填写图片地址的方法。
解决
几个关键点:
- responseType
设置值 | 返回类型 |
---|---|
“” | DOMString (this is the default value) |
“arraybuffer” | ArrayBuffer |
“blob” | Blob(二进制流) |
“document” | Document |
“json” | JSON |
“text” | DOMString |
注意那个blob就是这种方案需要的responseType
- cr