如何在 page.html 上显示来自谷歌驱动器的图像？答案

【问题标题】：How to displayimage from google drive at page.html?如何在 page.html 上显示来自谷歌驱动器的图像？
【发布时间】：2016-07-20 20:53:22
【问题描述】：

我尝试在我的 html-page 上使用来自 google drive 的图片，我分享了图片并复制了文件链接。并将其粘贴到 image 标签：

<img ng-src="https://drive.google.com/open?id=0B0etQtBsI2KmVGVmYjNOSS15VVk" />

但它不显示：

可能有人知道我该如何解决？感谢您的回答！

【问题讨论】：

【解决方案1】：

这不行，您使用的链接是一个 html 页面。

将链接的open 部分替换为uc 即可。它将变为<img src="https://drive.google.com/uc?id=0B0etQtBsI2KmVGVmYjNOSS15VVk" />

【讨论】：

【解决方案2】：

2021 年 10 月，我尝试了这种方式，这对我有用。

确保您的文件权限为“知道链接的任何人（互联网上知道此链接的任何人都可以查看）”。
复制您的链接。例如：https://drive.google.com/file/d/1ABKic44czHx37335mQSfFzOuX4WUk3II/view?usp=sharing。
这是我的图片：
在浏览器的新标签页中打开此链接。
之后，单击此图像并拖动到新选项卡中。您将看到如下图所示的下拉箭头：
从这个新标签复制链接。对于我的链接，它将变为：https://lh4.googleusercontent.com/2OwFYkb4hQl4f7HmBoS__I1k6MUy7Vxz2dYrYHkL6J-VegICE-Ie81ZKfKF-vvqv8GQ8S5A4XxIMYaEvWpI=w3360-h1720-rw

【讨论】：