Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Reply
Anonymous
Not applicable

How to display Base 64 PNG images from a database

Hello,

 

I have created a Power App which has a signature field. I want to be able to bring the signature image into the Report Builder.

 

The image is in Base64 format stored on Sharepoint. I have created a Power BI report and used this as my datasource for report builder. I successfully displayed the signature image in a Power BI table in this format but cannot bring it into the Report Builder. Here is an example of the binary image.

 

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAACWCAYAAACW5+B3AAAEyklEQVR4Xu3UwQkAAAgDMbv/0m ...

 

Settings used when inserting the image:

 

I have selected the image source as -  'Database'

 

Use this field -  '=First(Fields!Delivery_Signature.Value, "DataSet")' 

 

Use this MIME type - 'image/png.'

 

When I run the report the image is only shown as a red 'x' in the top left hand corner.

 

Any help would be greatly appreciated. Thank you

1 ACCEPTED SOLUTION

I have double check with my data. Actually you don't need to convert it. What I realized is this portion "data:image/png;base64," or similar definition is not exist in my data. May be removing this part from data will solve your problem.

 

=Replace(First(Fields!Delivery_Signature.Value, "DataSet"),"data:image/png;base64,","")

View solution in original post

8 REPLIES 8
Anonymous
Not applicable

Hi, hoping this thread is till active.
I'm trying to do this exact issue.
That being: Trying to load an image into power bi report builder.

In my datasouce the image is in base64 format. 
In my report I have an image box with 'image source' set to 'database', expression: =First(Fields!binaryImage.Value, "DataSet1")

I removed the 'data:image/png;base64,' prefix from the base64 string before it entered my datasource. 
However the image still does not appear.
Is there anything I'm missing here?

Markzolotoy
Impactful Individual
Impactful Individual

Can you please provide detail about the data source you are using in your paginated report?

saglamtimur
Resolver II
Resolver II

Try converting it like;

 

=Convert.FromBase64String(Fields!Delivery_Signature.Value)

 

Anonymous
Not applicable

I used the suggested formula with an aggregate function but the image is not displaying. Is there something wrong with the formula I used?

 

=First(Convert.FromBase64String(Fields!Delivery_Signature.Value),"DataSet")

 

Francis4268_1-1592989033442.png

 

 

I have double check with my data. Actually you don't need to convert it. What I realized is this portion "data:image/png;base64," or similar definition is not exist in my data. May be removing this part from data will solve your problem.

 

=Replace(First(Fields!Delivery_Signature.Value, "DataSet"),"data:image/png;base64,","")

Hi ,

I removed the prefix from the data and in the database my particular column in LongBLOB data type and after  using the Replace DAX which one you gave this error is coming .

 

 

"The 'Value' expression for the image 'Image3' contains an error: [BC30455] Argument not specified for parameter 'Find' of 'Public Function Replace(Expression As String, Find As String, Replacement As String, [Start As Integer = 1], [Count As Integer = -1], [Compare As Microsoft.VisualBasic.CompareMethod = Microsoft.VisualBasic.CompareMethod.Binary]) As String'.
----------------------------
The definition of the report '' is invalid."

 

Can you please Help me in this 

 

Thanks & Regards

Ashutosh Sahoo

Anonymous
Not applicable

I removed the prefix 'data:image/png;base64,' from the Power BI Datasource and it is working.

 

I presume the option choose 'MIME type' reomves the need for the prefix in the binary image where Power BI will automatically select the image type.

 

Thanks for the help.

can you please explain how did you fix the this issue as I am struggling to fix it.

thanks

Helpful resources

Announcements
Sept PBI Carousel

Power BI Monthly Update - September 2024

Check out the September 2024 Power BI update to learn about new features.

September Hackathon Carousel

Microsoft Fabric & AI Learning Hackathon

Learn from experts, get hands-on experience, and win awesome prizes.

Sept NL Carousel

Fabric Community Update - September 2024

Find out what's new and trending in the Fabric Community.

Top Solution Authors