在网站上嵌入 Google Drive 上托管的 PDF 文件

Question

有一个充满 PDF 的团队驱动器。

我已经设置了oauth2并且可以成功登录用户。然后他们可以输入文件 ID，我的网站将返回该文件的所有元数据。

但是我似乎无法嵌入此 PDF 文件。元数据中有两个 url：

我尝试创建一个包含两个链接的 iFrame，但都不起作用。

这可能吗？

我正在使用 JS 来完成所有这些工作，并且我正在请求 https://www.googleapis.com/auth/drive.metadata.readonly 范围。

Answer 1

webContentLink 和 可嵌入链接 有细微差别。

网页内容链接：

https://drive.google.com/file/d/PDF_DRIVE_ID/view?usp=drivesdk

嵌入网址：

https://drive.google.com/file/d/PDF_DRIVE_ID/preview

目前，我还没有看到直接的 API 方法来获取 embedabble 链接，但如果您打算通过代码执行此操作，则只需操作 webContentLink 即可删除

view?usp=drivesdk

部分并替换它与

preview

。

示例片段：

<iframe src="https://drive.google.com/file/d/PDF_DRIVE_ID/preview" width="640" height="480"></iframe>

Answer 2

您可以使用

object

标签来完成此操作，如下所示：

<object data="https://drive.google.com/file/d/[id]/preview" type="application/pdf" width="100%" height="500px"></object>

这是一个不错的地方，你可以尝试一下。