Base 64 Encoded Image

Hello everyone, what is the best way to display a base 64 encoded image on a Bubble page? I have the the string, need to convert that to the image equivalent and display that on a page. Thanks very much.

Found out it is not necessary to decode the image from string as most browsers do this automatically. You just place an html component on page and use this tag:

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
  • where to long string is the encoded string.
8 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.