Images from the internet embedded in Workshop or React app

I have a use-case which requires to embed pictures from the internet. The sites having those pictures are not known in advance (think about it like a google images search).

How to embed those images in a Workshop app or a hosted React app in Foundry ?

My thoughts:

  • Downloading pictures in advance could be an option
    • An Agent could reach out to the wild internet to download the pictures, however agents are not possible in this particular setup, for other reasons.
    • an External transforms could download the pictures, but there would be an issue with the egress, which can’t be wild-cards.
  • Using a proxy service of some kind - so that there is only the proxy service to whitelist/create egress for. Having or finding such service is however non-trivial.

Other thoughts ?

I would say proxy service. However those services can sometime serve the image in an HTML page instead of serving the binary file. So you may have to build a custom component or use a Slate embed to accommodate rendering that in workshop.

1 Like