HTML tag to display image (Base 64)

Keerthi Vasan V

Solved

Question

Hey Guys,

I am trying to display the image that was uploaded using upload widget.

Outsystems doesn't have a default image preview option. so I am trying the following steps

I am trying to display my image through HTML

Step 1: I am getting the image from upload widget

step 2: binary content to base 64 and saving that in a local variable

step 3: after that with help of HTML tag widget, I am trying to display the image

When I execute this I am getting a broken image symbol

I also tried by adding but that also didn't

worked.

 <img src="data:image/png;base64

can anyone of you help me to figure this out?

Thanks,

Keerthi

15 Feb 2018

Armando Gomes

Solution

Hello Keerthi,

Why don't you share an OML with what you've achieved so we can take a look?

Just two notes: is the actual base64 valid? Also, the img src should be:

<img src="data:image/<format of the image>;base64, <actual base64 string>" alt="alternate" />.

You can see a working example here (taken from here).

Thanks,

Armando

15 Feb 2018

oDevFagundes

Champion

Hi Keerthi Vasan, I usually to do like this.

"<img style='width:60%' src='data:image/png;base64,"+BinaryToBase64(Content)+"'/>"

15 Feb 2018

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.