Google Drive图片无法在HTML显示？Apps Script嵌入方案求助

方法1：替换为Googleusercontent直链 #

Google Drive的uc?export=view链接近期可能因权限验证逻辑调整，无法直接嵌入HTML。改用Googleusercontent的直链格式通常能解决问题：
将原链接替换为：
https://lh3.googleusercontent.com/d/1vIicLiLcLvsDgXMkocwjC5z-qYjpNml7
直接在<img>标签中使用：

<img src="https://lh3.googleusercontent.com/d/1vIicLiLcLvsDgXMkocwjC5z-qYjpNml7" alt="目标图片">

方法2：通过Apps Script后端生成Base64嵌入 #

如果直链仍失效，可通过后端读取图片Blob并转换为Base64格式嵌入：

1. 在Code.gs中添加函数：

function getDriveImageData() {
  const fileId = "1vIicLiLcLvsDgXMkocwjC5z-qYjpNml7";
  const file = DriveApp.getFileById(fileId);
  const blob = file.getBlob();
  return `${Utilities.base64Encode(blob.getBytes())},${blob.getContentType()}`;
}

2. 在HTML文件中调用并渲染：

<script>
  google.script.run.withSuccessHandler(data => {
    const [base64, type] = data.split(',');
    const img = document.createElement('img');
    img.src = `data:${type};base64,${base64}`;
    document.body.appendChild(img);
  }).getDriveImageData();
</script>

这种方式绕开了Drive的外链限制，直接将图片内容嵌入页面。

方法3：再次确认权限细节 #

即使你已检查共享设置，仍需确认：

• 文件共享权限设为**「知道链接的任何人都可查看」**（不要限制为特定组织或用户）
• 检查文件是否被Drive的安全机制标记为“潜在危险”，若有需在Drive中手动确认文件安全

内容的提问来源于stack exchange，提问作者Subair Asmil