html - Google Drive API 不显示缩略图

Question

我有一个使用 Google Drive API 的应用程序，我需要显示缩略图。但是当我将链接传递给<img>标签时，它会以 404 响应，但如果我在浏览器的另一个选项卡中手动打开链接，它会显示得很好

标签： htmlimagegoogle-drive-api

Answer 1

• 您想将从 Google Drive 检索到的文件的缩略图放到您的 HTML 中。
  • 缩略图链接由 Drive API 检索。
• 当你把它打开并打开 HTML 时，404返回。但是当您直接访问缩略图链接的 URL 时，您可以在浏览器中看到图像。

我相信你的目标和你的问题，就像上面一样。为此，这个答案怎么样？

问题和解决方法：

从您的情况来看，我认为当您直接访问缩略图链接时，您可能已经登录了 Google 帐户。由此，可以看到图像。而且，我认为您可能使用了以下缩略图链接。这是 Drive API 检索到的缩略图链接。

https://docs.google.com/feeds/vt?gd=true&id={fileId}&v=1&s=###&sz=s220

不幸的是，这个链接似乎不能直接用于外部的 HTML。那么为了在外部的 HTML 中使用缩略图，改变端点怎么样？

修改端点：

https://drive.google.com/thumbnail?sz=w640&id={fileId}

• 请替换{fileId}您的文件 ID。
• w640表示宽度为 640 像素。如果要更改高度，请使用h代替w.
• 请公开分享您要检索缩略图的文件。是On - Anyone with the link。这样就可以使用上面的链接了。请注意这一点。

笔记：

• 当以下 HTML 与上述链接一起使用时，可以看到缩略图。

  <img src="https://drive.google.com/thumbnail?sz=w640&id={fileId}">