html - 如何在网站中嵌入 Google Drive 文件夹

Question

我在 Google 云端硬盘中有一个文件夹，我想将其嵌入到我的网站中。我找不到嵌入代码或 Google Drive 帮助文章中记录的任何内容。

Answer 1

Google 云端硬盘文件夹可以嵌入并显示在列表 和网格 View 中:

ListView

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>

GridView

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>

问:什么是文件夹 ID (FOLDER-ID)，如何获取？

A:转到 Google Drive >> 打开文件夹 >> 在浏览器的地址栏中查看其 URL。例如:

文件夹网址:https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

文件夹 ID:
0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

警告需要权限的文件夹

此技术最适用于具有公共(public)访问权限的文件夹。当您以这种方式嵌入仅与某些 Google 帐户共享的文件夹时，它们会造成麻烦。进行此编辑时，会出现一条消息“您需要许可”，其中有一些按钮可帮助您“请求访问权限”或“切换帐户”(或可能登录到 Google 帐户)。这些按钮中的 Javascript 在 Chrome 中的 IFRAME 中无法正常工作。

阅读更多信息 https://productforums.google.com/forum/#!msg/drive/GpVgCobPL2Y/_Xt7sMc1WzoJ