使用嵌入在 iFrame 中的 docs.google.com/gview 显示来自 Google 驱动器的文件
Display File from Google Drive using docs.google.com/gview Embedded in iFrame
我有一个文件保存在 google 驱动器中。
我想在嵌入 iframe 的网站上显示它。
我正在尝试使用 google 文档查看器，但无法正常使用。
<iframe src="https://docs.google.com/gview?url={fileUrl}&embedded=true"></iframe>
如果我将文件复制到 s3 存储桶（或 google 驱动器以外的任何其他地方）并使用外部 link 例如 https://s3.../filename.ext 作为 fileUrl - 有效！
但我无法从 Google 驱动器中弄清楚要使用什么 link。共享和编辑 link 不起作用。
https://drive.google.com/open?id={fileId} 分享 Link.https://docs.google.com/document/d/{fileId}/edit Open/Edit Link.
经过大量 google drive/docs link 的反复试验，我弄明白了。
诀窍是使用直接下载 link。 https://drive.google.com/uc?id={fileId}
因此您的 iframe src 应该如下所示：
<iframe src="https://docs.google.com/gview?url=https://drive.google.com/uc?id={fileId}&embedded=true"></iframe>
这有效，没有重新加载问题。
我有一个文件保存在 google 驱动器中。
我想在嵌入 iframe 的网站上显示它。
我正在尝试使用 google 文档查看器，但无法正常使用。
<iframe src="https://docs.google.com/gview?url={fileUrl}&embedded=true"></iframe>
如果我将文件复制到 s3 存储桶（或 google 驱动器以外的任何其他地方）并使用外部 link 例如 https://s3.../filename.ext 作为 fileUrl - 有效！
但我无法从 Google 驱动器中弄清楚要使用什么 link。共享和编辑 link 不起作用。
https://drive.google.com/open?id={fileId}分享 Link.https://docs.google.com/document/d/{fileId}/editOpen/Edit Link.
经过大量 google drive/docs link 的反复试验，我弄明白了。
诀窍是使用直接下载 link。 https://drive.google.com/uc?id={fileId}
因此您的 iframe src 应该如下所示：
<iframe src="https://docs.google.com/gview?url=https://drive.google.com/uc?id={fileId}&embedded=true"></iframe>
这有效，没有重新加载问题。