0

I tried the following, but SharePoint seems to dislike the :

{
  "elmType": "img",
  "attributes": {
    "src": "='data:image/png;base64,'+[$IconAsBase64]"
}

If I change data: for data~ the image show as a broken image (as expected), but with data: the entire component is omitted.

Improve this question
3
  • What is the column/data type of IconAsBase64 column? Commented Aug 25, 2023 at 5:22
  • It's a multiline plain text. Commented Aug 25, 2023 at 11:06
  • 1
    ok, unfortunately base64 images do not work in SharePoint JSON formatting. Check my answer given below. Commented Aug 25, 2023 at 11:07

1 Answer 1

Reset to default
1

Unfortunately, base64 image URLs are not supported by SharePoint JSON formatting.

SharePoint JSON formatting only supports http and https protocols for image URLs:

enter image description here

Related thread: Img src attribute provided as data url are not supported

If you want Microsoft to provide the support for base64 images in JSON formatting, you can add new idea/feedback at: SharePoint Feedback Portal

Improve this answer
6
  • 1
    I'm a Sharepoint newbie and didn't know about debugMode. It will be very helpful on other situations. Thank you very much! Commented Aug 25, 2023 at 11:11
  • 1
    You're welcome, glad it helped you! Try to avoid using debugMode in production after your development/testing as general users will not understand the errors returned by it. Commented Aug 25, 2023 at 11:13
  • Sorry to bother but I can't access your blog from Brazil. It throws a connection time out error. I eventually found it yesterday and had to use the Google cache to read an article. I checked on different tools, but they say the site is up. Any idea of what could be happening (any blocks or so)? Commented Aug 25, 2023 at 11:27
  • Are you referring to this blog site: ganeshsanapblogs.wordpress.com? Commented Aug 25, 2023 at 11:30
  • 1
    Not sure what is the issue but I have many site visitors from the Brazil (I just checked). Maybe some network/cache/site settings issue at your end. Thanks for reporting and checking the blog site. Please let me know if I can help you with anything else. Commented Aug 25, 2023 at 11:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.