用于嵌入 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 预览。
关于您可以使用的不同参数的官方信息在这里:
一个简单的方法是确保 link 共享模式设置为可用 link,将 link 复制到您的 iframe src,然后更改dl=0
位到 raw=1
使其看起来像:
www.dropbox.com/s/<FILEID>/file?raw=1
我想让我的用户从 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 预览。
关于您可以使用的不同参数的官方信息在这里:
一个简单的方法是确保 link 共享模式设置为可用 link,将 link 复制到您的 iframe src,然后更改dl=0
位到 raw=1
使其看起来像:
www.dropbox.com/s/<FILEID>/file?raw=1