首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在javascript错误中加载pdf,但为什么直接在浏览器中成功加载

在javascript错误中加载pdf,但为什么直接在浏览器中成功加载
EN

Stack Overflow用户
提问于 2022-04-21 07:00:35
回答 2查看 185关注 0票数 0

全。我正在考虑在我的应用程序中使用pdfTron SDK (一个)的问题。这个SDK能够加载本地pdf文件,就像一个魅力。我决定在我的网络应用程序中加载一个在线pdf文件,使用pdfTron SDK,例如'https://cdn.mendix.tencent-cloud.com/documentation/developerportal/tencent-deploy.pdf'‘。此文件可以在浏览器中直接访问,但当我使用脚本时,如下所示:

代码语言:javascript
复制
instance.UI.loadDocument('https://cdn.mendix.tencent-cloud.com/documentation/developerportal/tencent-deploy.pdf');
  };

在运行应用程序时,我直接得到一个错误,如下所示

代码语言:javascript
复制
Request URL: https://cdn.mendix.tencent-cloud.com/documentation/developerportal/tencent-deploy.pdf
Request Method: HEAD
Status Code: 403 
Referrer Policy: strict-origin-when-cross-origin

我认为这是CORS的问题。但是我不明白为什么我可以使用浏览器获取这个文件,而脚本却不能。我怎么解决这个问题?谢谢

EN

回答 2

Stack Overflow用户

发布于 2022-04-21 08:06:08

我建议阅读pdfTron上有关"webview“和"loadDocment”的文档。

"cdn.mendix.tencent-cloud.com/documentation/developerportal/…“用于从任何源(文件或web)获取您想要使用的pdf,在您的情况下,您需要使用"initialDoc”属性,这是您放置WebView的地方。。

然后使用"instance.UI.loadDocument“来标识要将获取的文档放置在何处的html元素。

示例

API文档

票数 0
EN

Stack Overflow用户

发布于 2022-04-21 09:49:51

我还在文档服务器(Nginx)中尝试了CORS配置,如下所示:

代码语言:javascript
复制
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

现在起作用了。但是,如果文档服务器不是您的,您就不能这样做。希望能帮上忙!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71950170

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档