There are various ways in which one could display an image on the website form a binary source. One solution would invole simply converting the binary source into a base64 and put it as the src of the image:
|
data:image/png;base64,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 |
However, this is not acceptable if you load images 'on demand' i.e. when the user