如何通过js将二进制代码的图像从api转换为png

Question

I try to put the verify image api into browser straightly, any I found code like below picture: enter image description here

And use this code with 'data:image/png;base64' then I can get this verify image picture, and also I try to put api url into src of element ,but I still willing to get the response data and show it so that server side can do less, now the issue is when I call this api request, I got response data like below picture: enter image description here

Something like gibberish! Can anyone help me figure out?!

Answer 1

I think, you should set xhr.responseType = "arraybuffer"; in your xhr request and then make blob object

jsfiddle example