Base64 URL with Image Widget

[Sathishkumar_C]

Is it possible to load base64 string as source URL to image widget and display the image?

I tried as below with jpeg image, but it's not working... It doesn't showing any Image. just white space.

Example: Display Base64 Images in HTML

[nmutter]

I tried using "Image" widget and "ValueDisplay" and both were working fine on TWX 9.1.1:

- ValueDisplay-widget you can set the renderer to "Image"

and set the data to your <base64_string> without the prefix - it automatically seems to add "data:image/png;base64," to it

Image widget choose "ImageURL" and paste the whole string ( I used the example from your linked page).

You need to adapt the width/height of the image urself.

Edit: attached my sample mashup 

[Sathishkumar_C]

Thanks for the replay. I'm fine with given suggestion.

But, I reframe the question... When I'm trying to pass base64 string as dynamic source URL to image widget. Its giving me a whitespace.

The same working with Value Display. I want use image widget with source URL with base64 string.

[nmutter]

I also tried to bind it but was not yet successful. It always puts the hostname before the base64 string - e.g. "https://localhost/data&colon;image png...." which does not work

[nmutter]

to explain how to set imageURL in the MashupBuilder: You need to click on the "+" at "Search Media" and there select "+ New Image URL":

Then you get the "Image URL" Popup from my post above

[Sathishkumar_C]

As of now, don't have solution for this. PTC team confirmed, this feature will be available from Thingworx 9.3.8.

[slangley · Accepted solution]

Hi @Sathishkumar_C.

ThingWorx 9.3.8 has been released.  Please validate the fix for this issue is as expected.

Regards.

--Sharon