javascript - 如何在应用程序网页中打开保管箱文件

标签 javascript angularjs dropbox

我有一个 link from dropbox .此链接有一个 pdf 文件,我需要在我的应用程序网页中打开它。

现在我需要在我的应用程序网页中显示此 pdf 文件。

我尝试使用 iframe 标签在我的网页中加载此 pdf。但我收到以下错误 无法加载 pdf 文件,因为 x-frame 选项设置为 SAMEORIGIN

如果我使用 anchor 标记,它会重定向到 dropbox.com 页面。但我想在我的应用程序网页中打开此 pdf 文件。

使用上面的 URL 链接,如何在我的应用程序网页中打开存储在保管箱中的 pdf 文件?

最佳答案

这个问题有一些潜在的解决方案......

1: Dropbox 的答案是更改共享 URL 如下(在末尾添加 '?raw=1'):

https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx?raw=1

引用:https://www.dropbox.com/en/help/201

根据我对需要 SSL 的 .ipa 文件的企业 iPad 应用程序下载链接的经验,解决方案 #1 不适用于需要 SSL 的连接(很可能是由于重定向)。

2:另一种解决方案起到了作用,不过...将 URL 格式化为以下格式之一:

https://dl.dropboxusercontent.com/u/USERID/FOLDER/FILE?raw=1 https://dl.dropboxusercontent.com/u/USERID/FOLDER/FILE?dl=1

工作示例:

https://dl.dropboxusercontent.com/u/100618/dropbox-get-link-screenshot.png?raw=1 https://dl.dropboxusercontent.com/u/100618/dropbox-get-link-screenshot.png?dl=1

更多信息:

http://www.skyleet.net/2014/11/how-to-get-direct-download-link-from.html

关于javascript - 如何在应用程序网页中打开保管箱文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29763759/

相关文章:

javascript - ESLint 规则排除 Angular 中的某些关键字和短语?

javascript - 在前端使用 fetch 从express.js 服务器获取响应

javascript - 在 asp.net core 中使用表单数据上传文件

iphone - Dropbox 图片上传结果认证错误

ios5 - 如何在 ios5 上为我的文件浏览器项目使用 Storyboard?

javascript - 如何使用 fullcalendar.io 作为类型 ="date"选择器?

javascript - 在两个下拉选择器内的多个 <option> 中使用值

angularjs - 使用 Ionic 和 Cordova 创建相机图像过滤器

javascript - Angularjs从数组中删除项目的方法

javascript - 从浏览器访问 Dropbox 应用