Google Apps Script网页应用嵌入Drive图片显示异常求助（403/CORB错误）

方案1：修正Drive图片URL参数与共享权限 #

步骤1：确认共享权限 #

打开Google Drive中的目标图片，右键选择「共享」，确保权限设置为**「任何人，无需登录即可查看」**（不要选「仅限组织内」或需要登录的选项）。

步骤2：修改img标签的URL #

在原URL后添加&export=view参数，强制返回图片资源而非Drive预览页面，避免CORB拦截：

<img src="https://drive.google.com/uc?id=1EyMR1nYrJcpXEBpaF8tBEPj9K_8L5piS&export=view" width="100px">

方案2：通过Google Apps Script直接返回图片（彻底解决跨域） #

如果方案1无效，可以通过脚本直接读取Drive图片并返回，利用同域资源避免跨域问题：

编写脚本代码 #

在你的Google Apps Script项目中添加以下函数：

function doGet(e) {
  const targetFileId = "1EyMR1nYrJcpXEBpaF8tBEPj9K_8L5piS";
  const imageFile = DriveApp.getFileById(targetFileId);
  return ContentService.createTextOutput(imageFile.getBlob())
    .setMimeType(imageFile.getMimeType());
}

部署为网页应用 #

1. 点击「部署」→「新部署」
2. 类型选择「网页」，权限设置为**「任何人，甚至匿名」**
3. 复制部署后的URL，替换到img标签的src中：

<img src="https://script.google.com/macros/s/你的部署ID/exec" width="100px">

问题原因说明 #

• 403 Forbidden：可能是共享权限未完全开放，或URL未指定资源导出类型，导致Drive拒绝直接访问
• CORB拦截：默认的uc?id=链接若未加export=view，会返回HTML预览页面而非图片资源，浏览器识别到跨域返回非预期资源类型时触发拦截

内容的提问来源于stack exchange，提问作者Divyansh Kumar