谷歌网站中的图像编码嵌入的模块不会显示在iOS设备上

Question

我已经在谷歌网站的嵌入式代码字段中使用了以下代码来在我的网站上显示图像，这一切在我的视窗、Linux和安卓设备上都运行得很好，但它们不显示在iPhone上(无论是使用Chrome还是Safari)！

一些背景/限制:我正在从我的Google Drive中提取图像。它们是大约80kb的JPEG。我使用HTML表单，因为我有其他元素(按钮，字段)，我已经从下面的代码摘录中删除了这些元素，以关注这个问题。我需要保留这张表格。

你以前遇到过这个问题吗？

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

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

PS:我已经探索了Base64格式，它允许在iOS操作的设备上显示图像。如果我只是将图像源设置为Base64字符串，它就会起作用。但我不能像JPEG那样方便地从驱动器中调用Base64文件。我正在操作250+图像，所以我不能在代码中间有base64字符串，因为它太大了，无法处理。我尝试在this example之后使用base64_encode函数对图像进行编码，但没有显示任何内容。我已经钻研了这么多，我真的想知道这是不是正确的方法！

Answer 1

我们刚刚找到了iOS的修复:当第三方cookies和跨站点跟踪被阻止时，图像不会加载。要切换的设置将在here中进行说明。

Base64不是解决方案，因为问题来自于从我的Google Drive中提取图像，即与我的网站不同的域名。