Unanswered

Base64 Image not displaying

(0) Share

Report

Posted on by JMGCORNATOR

Hi,

I am getting item pictures from Business Central using HTTP GET in Flow. Flow is testet and works fine. The data is stored as an JSON and sent back to Powerapps using a "respond"-element. In powerapps, the JSON-response is stored in a new variable as such:

Set(varItemJSON;Getitempicture.Run(VarItemID))

The JSON contains a Base64-string for picture that i want to display in Image4 using its image-control. However the picture will not appear and i have tried several options. see below:

OPTION 1
Concatenate(Char(34);"data&colon;image;application/octet-stream;base64,";varItemJSON.'$content';Char(34))

OPTION 2
"data&colon;image;application/octet-stream;base64,"& <BASE64 STRING>"

OPTION 3
Char(34)& "data&colon;image;application/octet-stream;base64,"& <BASE64 STRING>" & Char(34)

I have read that the formula "data&colon;image;application/octet-stream;base64,& <BASE64 STRING>" must be quotes ("").

Strangely the picture shows when i paste in the base64 string directly as below, but this method is not an option:

"data&colon;image;application/octet-stream;base64,"& "/9j/4AAQSkZJR.....+zqPy9Xt3oLgDAYoK0CgUCg//2Q=="

What am i doing wrong?

cheers

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (0)

v-siky-msft on at

Like (0)

Report
Hi @JMGCORNATOR ,

Please check this:

"data&colon;image;application/octet-stream;base64,"& varItemJSON.'$content'

What you said that the formula must be quotes ("") is only for string (manual input), to make the system recognize it is a string.
However, if you are using variable, just call it directly, no need to use quotes.
Sik

Was this reply helpful? Yes No
JMGCORNATOR 50 on at

Like (0)

Report

Hello @v-siky-msft

I have tried your suggestion but no result.

I am starting to suspect that PowerApps cannot handle the input comming from Flow or that something is wrong with the way i send data from Flow to PowerApps as an error message has started to appear saying that "Getintempicture.Run failed: The data returned in the response is invalid".

Strangely, when i check the status of the runned flows they are all successfully runned.

Was this reply helpful? Yes No
v-siky-msft on at

Like (0)

Report

Hi @JMGCORNATOR ,

Could you show some screenshots with flow steps and the return of flow(varItemJSON)?
Sik

Was this reply helpful? Yes No
JMGCORNATOR 50 on at

Like (0)

Report
@v-siky-msft

Yes, sure:

This is the overall flow:
Basically, i get some input from the app which is used to make an HTTP GET request. The result of this request could for an example be
{ "$content-type": "application/octet-stream", "$content": <SOME BASE64 STRING> }
This is loaded into an variable names "varItem". Note that "varItem" and "varItemJSON" is the same - I just changed the name.

This is the part when i send back the request result:
I initialise a variable and define it an object with the value being the body of the request. Then i use a response-element in which i send back the content of "varItem".

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Edit: Used dataURI to modify the image body in my flow and that got the image working offline.

Did you ever figure this out? I'm having a similar problem where the image displays in the browser but not on the iPad app. I have code snippets etc if anyone can help. The image is in a gallery references "ThisItem.Base64Map".

Was this reply helpful? Yes No
heval 8 on at

Like (0)

Report

I'm having exactly the same situation. Tried the same solutions and same results. Hard coding the string it shows but not when retrieving from a data source.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

@heval
Hey, I got it working by using flow to convert my base64, a simpler method than posted above. I'll post images below
This flow generates when a new file is created in my sharepoint, but you could trigger it another way. The Base64RAW variable converts the body of the image into base64. The flow later filters through records and adds the base64 map code to the appropriate project record in a column titled Base64MapAnd here it is, as long as I've selected the correct project, the base 64 loads this way. for some reason ThisItem wasnt working so i used the full First(filter way to get to the record. works fine on pc and tablet now
Let me know if this helps.

Was this reply helpful? Yes No