img src=webContentLink 中的 Google Drive 图片？

Question

我可以使用存储在 Google Drive 中的图像通过 html,<img src="<webContentLink>" /> 在网站中使用吗？

其中<webContentLink>在文件上传后返回，格式为'https://drive.google.com/uc?id=<FILEID>&export=download'

我有一个仅为帐户用户创建的小型网站。他们可以将文件上传到他们的 google drive 文件夹，并且该文件夹具有设置为与其他用户的帐户共享的权限（仅限特定人员）。这是一个使用 .NET 的 Google API 客户端库的 ASP.NET MVC 5 网站。

在 Chrome 和 Firefox 中图像显示正常，在 IE 和 Safari 中它们不显示并返回 302 状态代码。有时，如果您直接在新选项卡中查看图像，然后刷新它显示的网页。它还可能显示文件夹权限是否设置为“知道链接的任何人”，但这并不理想。

文档 (https://developers.google.com/drive/v3/web/manage-downloads) 说：“如果您希望允许用户直接在 Web 浏览器中而不是通过 API 查看文件，请使用 webContentLink。”我理解使用 img src='' 直接显示图像而不使用 API 是可以的，但是它接着说，“您可以将用户重定向到此 URL，或将其作为可点击链接提供”。

那么请 Google 确认是否可以在 img src='' 中使用“webContentLink”，以及为什么它在某些浏览器中有效而在其他浏览器中无效？我已经阅读了很多关于此的帖子，有些是旧的，有些是最近的。如果不用于 img src 我认为应该在文档中说明。

非常感谢

Answer 1

是的，您绝对可以在 HTML 页面中使用 webContentLink 作为您的 img src。我试过了，这就是我在示例 HTML 页面上得到的。

  <img src = "https://drive.google.com/uc?id=0Bzgk4zncCwI7aDZCSHY4YU0zNUF&export=download">

webContentLink 可以使用Files.list 获得，并将“文件”放在字段参数中。

Answer 2

显示来自 Google Drive 的图片可以分 3 步完成：

检索您的图像 ID

右键单击您的图像并选择共享。 您会看到需要复制的链接。您将从 URL 中提取 图像的 ID。

您的分享链接应如下所示：

https://drive.google.com/open?id=YourFileId

检查您的共享设置

只有有权访问这些文件的人才能看到您的图片。要允许任何人访问您的图像，您需要将共享设置设置为通过链接可见。

显示您的图片

通过正确配置您的共享设置和您的图像文件 ID，您现在可以指定如何使用规定的格式显示您的图像。

https://drive.google.com/thumbnail?id=YourFileID

更多详情可以查看here

Answer 3

当我这样做时，我只会得到一个像不存在的图像一样的标志。 为什么？ 我只是复制粘贴这一行：

<img src = "https://drive.google.com/uc?id=0Bzgk4zncCwI7aDZCSHY4YU0zNUF&export=download">

JS Fiddle