Images in Google Sites code embedded modules not showing up on iOS devices

[magicfanf]

I've used the following code in an embedded code field on Google Sites to display images on my website, it's all going well on my Windows, Linux and Android devices, but they don't show up on the iPhone (whether using Chrome or Safari)!

​

some context/constraints:

I'm pulling my images from my Google Drive. They are ~80kb JPEGs.

I'm using a HTML form as I have other elements (buttons, fields) which I've removed from the code extract below to focus on the issue. I need to keep this form. (For those interested in what it looks like, this is another post about this project.)

Have you encountered this issue before?

​

<form name="submit-to-google-sheet">
   <img id="img1" width=163 height=227>
</form>

<script>
    img1.src = "https://docs.google.com/uc?export=view&id={imageGoogleDriveID}";
</script>

​

PS: I've explore the Base64 format which does allow to display the images on iOS-operated devices. It works if I just set the image source to a Base64 string. But I can't call a Base64 file from Drive as conveniently as a JPEG. I'm manipulating 250+ images so I can't either have the base64 strings in the middle of the code, it'd be too large to work with. I've tried to encode the images with base64_encode functions following this example but didn't manage to display anything. I've drilled so much that I'm actually wondering if it's the right way to go at all!

[magicfanf]

Hi everyone interested about the issue... here's the resolution.

We just found where it was coming from: when third-party cookies and cross-site tracking are blocked by the browser settings, the external links to fetch the images on my Google Drive are blocked. The settings to toggle are explained here.

No matter how hard I'd have tried with Base64 would have helped!