由于浏览器安全限制，ionic 5 PDFTron Webviewer 无法访问文件 URL

编程问答 2022-05-14

问题描述

我尝试将 PDFTron API 集成到 ionic 5 应用程序中，在该应用程序中我从服务器下载 pdf，将它们存储在手机上，然后使用 API 打开它们 目前，当我将文件放在 ionic 项目的资产文件夹中时，api 可以毫无问题地打开它 但是当我将文件下载到手机内存并尝试通过传递此文件的链接使用 API 打开它时，出现以下错误（在图像上）

enter image description here

有没有办法解决这个问题或将下载的文件存储在资产文件夹中？

解决方法

对于那些遇到同样问题的人，只需将本机 url（Ex 文件：///storage/emulated/0/USL/20.PDF）转换为 webviewer 接受的 url：

let safeURL = win .Ionic.WebView.convertFileSrc (your native url);

您也可以点击此链接：where was file location downloaded in Ionic

,

出于安全原因，浏览器通常不允许 JavaScript 页面从本地环境加载本地文件。为此，您可以选择使用本地路径（如果可能）运行或创建本地服务器来访问文件并将其提供给客户端。

ionic5pdftron