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

Question

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

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

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

• 网络内容链接
• webViewLink

我尝试创建一个包含两个链接的 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 方法来获取嵌入链接，但如果您打算通过代码执行此操作，则只需操作 webContentLink这样它就会删除 view?usp=drivesdk 部分并将其替换为 preview。

示例片段:

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