用于嵌入 iframe 的 Dropbox 文件 link

Dropbox file link for embedding in iframe

我想让我的用户从 Dropbox 导入文件并在 iframe 中显示它们。使用 chooser dropin,我可以获得份额 link,但由于 'X-Frame-ORIGIN' header,它不是 iframable。我不想要原始文件内容,因为我无法将其转换为 html 并在浏览器中显示。是否有一些 url 可以让我获得 dropbox 预览 url,它也是 iframable 的。

我从一些博客中了解到,将 url 中的主机更改为 dl.dropboxusercontent.com 并添加 dl=0 参数,我们可以获得 iframable 预览 url。但这现在不再有效了。

位于 www.dropbox.com 的 Dropbox 站点不允许 iframing,但 dl.dropboxusercontent.com 允许。但是,"preview" 仅适用于 www.dropbox.com,因此很遗憾,您无法使用 iframe 预览。

关于您可以使用的不同参数的官方信息在这里:

https://www.dropbox.com/help/201

一个简单的方法是确保 link 共享模式设置为可用 link,将 link 复制到您的 iframe src,然后更改dl=0 位到 raw=1 使其看起来像:

www.dropbox.com/s/<FILEID>/file?raw=1