如何使用文件 ID（不使用节点）从 google 驱动器获取 public 图像

Question

我正在尝试将存储在我的 Google 驱动器中的图像嵌入到我的网站上。关键是：有问题的文件 ID 不是静态的，因为我的函数总是抓取表单提交列表中的最新图像。

我使用 Apps 脚本从 Google Sheet 表单响应中获取了预览 URL。我还在 URL.

的第一部分使用 .replace() 切出了文件 ID

如何使用此文件 ID 从我的 google 驱动器中获取图像（public）并将其嵌入？

这是我的代码（省略了不相关的信息）：

const deskFeaturePhoto = document.querySelector('#featurePhoto')

fetch('https://script.google.com/macros/s/AKfycbwWFiL5Lg4J_JeTYAW_xyyH82ZStJYpKiJsBpBiJKT6XrjIYaDmpVOxCa-Jwt4iysNJoQ/exec?t=All%20Submissions')
  .then(res => res.json())
  .then((marketingQuery) => {
    deskFeaturePhoto.innerHTML = `<img src="https://drive.google.com/uc?export=view&id=${marketingQuery[marketingQuery.length-1].feature_image.replace('https://drive.google.com/open?id=', '')}" alt="Special Photo" style="width: 50%;">`
  }).catch(err => console.error(err))

<div id="featurePhoto" style="display: flex; flex-direction: column; align-items: center; justify-content: center;"></div>

当前 'solution' returns 一个 403 错误，尽管在使用最终 URL.

单独打开图像时正确显示图像

Answer 1

问题在我这边被重现，使用提供的示例代码没有错误。这很可能与本地 Live Server 问题有关，因为请求的示例代码是 here

如何使用文件 ID（不使用节点）从 google 驱动器获取 public 图像

How can I fetch a public image from google drive using the File ID (not using node)

html

javascript

permissions

google-drive-api

fetch-api