怎么用js解析从后端返回的图片字节流

Question

用js怎么去解析这个data。。。，在resposne中预览已经看到了，可是怎么把data弄成<img src="">中的src，，，

在写这个的时候，看到那个url就复制了一下，，没想到出来了，，，我也不太懂。。

然后这是一种方法，那data这么一大串字节流怎么解析成图片呢。。

Answer 1

$(()=>{
	$.ajax({
		url:'testServlet',
		type:'post',
		success(data,status,xhr)=>{
			let type = xhr.getResponseHeader("Content-Type");
			let blob = new Blob([data], { type });
			let url = (window.URL || window.webkitURL).createObjectURL(blob);
			$('#imgId').attr("src", url);
		}
	})
})

Answer 2

img标签支持在src里写base64数据，用来直接显示图片，你可以把你得到的二进制流数据转成base64就可以了

Answer 3

转成base64或者

Answer 4

可以转换一下，浏览器支持base64。图片url都会转换成base64

window.btoa('china is so nb') // 编码
"Y2hpbmEgaXMgc28gbmI="
window.atob("Y2hpbmEgaXMgc28gbmI=") // 解码
"china is so nb"

Answer 5

.....不用解析, 直接src="testServlet"

也不用写 ajax