Why is base64 encoded image not showing in Google Chrome and Firefox?

Question

JavaScript

I have the following b64 encoded image that is returned from the server:
https://codepen.io/anon/pen/bPoEEB
The image renders correctly in Safari but does not render in Chrome and Firefox. I also tried to draw it in canvas, but the problem was not solved.
This problem does not only affect this particular image, but all that are returned from the server.
What could be the problem?

Answer 1

Wangyu, this is due to the fact that there is not a JPEG inside, but a TIFF.
And the HEX editor hints at this (I don’t see the JPEG file signature point-blank there), and XnView in the properties gives this: