ajax请求二进制流图片并渲染到html中img标签

说明

---

后台返回图片二进制流，需要使用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