cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
ericonline
Community Champion
Community Champion

JSON and JPEG's

Hello,

I'm adapting @Shanescows tutorial here to send multiple images to Flow using the JSON function. This worked great until recently. After some troubleshooting, it appears that PowerApps is encoding all images taken from my iPhone as JPEG's where as before I'm fairly certain they were PNG's.

JPEG's aren't being converted in Flow correctly because of the Mid function.

Examples:

PNG's:

image.png

JPEG's:

image.png

Does anyone know where the base64 begins in a JPEG string?
THanks!

1 ACCEPTED SOLUTION

Accepted Solutions
ericonline
Community Champion
Community Champion

Wahoo! Got it!

Basically:

 

If(
    Right(btnUpload.FileName, 3) = "jpg",
        Mid(varJson, 25, Len(varJson) - 25),
    Right(btnUpload.FileName, 3) = "png",
        Mid(varJson, 24, Len(varJson) - 24)
)

 

 

View solution in original post

4 REPLIES 4
ericonline
Community Champion
Community Champion

Wahoo! Got it!

Basically:

 

If(
    Right(btnUpload.FileName, 3) = "jpg",
        Mid(varJson, 25, Len(varJson) - 25),
    Right(btnUpload.FileName, 3) = "png",
        Mid(varJson, 24, Len(varJson) - 24)
)

 

 

Hm...bummer. This gets the Flow to work, but neither PNG nor JPEG images show up correctly in Sharepoint. Does anyone have some troubleshooting ideas for this? 
To recap:

  • I'm peeling off 24 or 29 characters from the JSON in the PowerApp depending on .png vs. jpg
  • Sending this to Flow (base64toBinary() )
  • Flow successfully runs and Creates File in Sharepoint
  • Sharepoint does not show the images ("Download" doesn't work either.)

Thanks!

 

image.png

 

image.png

That' wonderful.

Best regards,

Sik

Figured out what my second issue was...

My UI/UX is multi-step. There was a second place in my app where I was applying the Mid() statement (thus pulling off too many characters and making the Base64 invalid). I removed the second Mid() statement and now the images (BOTH JPG and PNG) are coming through fine!

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (2,451)