【问题标题】:Viewing a PDF file from HTML5 Hybrid Mobile App从 HTML5 Hybrid 移动应用程序查看 PDF 文件
【发布时间】:2015-06-19 19:00:37
【问题描述】:

打算从使用 HTML5 Jquery 创建并使用 Phonegap 打包的混合移动应用程序中查看 PDF 文件。

但无法实现,

我尝试过的事情

<object src="xyz.pdf" type="application/pdf"></object>

还有,

 window.open('xyz.pdf'); //through javascript

$(document).load('xyz.pdf');

谁能建议在混合 Android 移动应用中查看 PDF 的最佳方式。

【问题讨论】:

标签: android html cordova


【解决方案1】:

对于 Cordova,您必须考虑以下几点:

HTML 5 对象标签:不工作

如果你尝试:

 window.open('http://www.???.com/my.pdf', '_blank', 'location=yes');

InAppViewer 无法打开此类文件。

我认为这个问题没有混合解决方案。 您必须开始搜索或撰写使用原生 pdf 开头的插件,然后使用它。 一个例子:

cordova-plugin-file-opener

最新的解决方案,更简单一点,但包括打开谷歌文档是:

window.open('https://docs.google.com/viewer? url=http://www.example.com/test.pdf&embedded=true', '_blank', 'location=yes'); 
ref = window.open('index.html', '_self');

【讨论】:

  • 嗨@phemt.latd,我收到一个错误,无法读取未定义的属性:fileopener,当我尝试访问cordova-plugin-file-opener时,如何解决...我已经使用了该插件的 .java 和 .js 文件,并在我的项目的 config.xml 中进行了配置。
  • 尝试重置插件并使用以下命令安装它:cordova plugin add github.com/pwlin/cordova-plugin-file-opener2 如果您通过 cordova-cli 安装它,所有配置都由 cordova 管理。
  • 我使用了谷歌文档解决方案,它是唯一对我有用的!谢谢:)
【解决方案2】:

去看看 Mozilla pdfJS project

此项目允许您在应用中打开 pdf(嵌入应用或远程)。没有依赖本地查看器的外链。

它们还为您提供了一个功能非常齐全的示例查看器,您可以按原样使用,但其中的大部分功能不适用于移动应用程序。

我已经在 Android 4.3 设备上取得了成功。

【讨论】:

    【解决方案3】:

    尝试安装 InAppBrowser 插件。我已经使用它在 iOS 和 Android 上的应用程序内打开 PDF 文件。

    查看官方InAppBrowser doc 的完整文档和示例,它有几个可以启用/禁用的选项(请务必指向您当前的cordova 版本文档):

    【讨论】:

      【解决方案4】:

      我的离线应用连接应用解决方案...

      window.open('http://www.someserver.com/doc.pdf', '_system')
      

      ...这将在默认的 pdf 查看器中打开。出于显而易见的原因,我让我的客户使用 adobe reader。也因为第一次下载后,adobe应用程序可以很好地管理和编辑文档,之后也可以在adobe reader中离线访问文档。甚至是 pdf 表格。

      在页面上链接cordova.js。 已添加 inAppBrowser。

      对于完全离线,您可以尝试 FileOpener 插件。我不需要在 android 上这样做,但我在 iOS 中使用过。

      希望这对您有所帮助。

      【讨论】:

        【解决方案5】:

        虽然来晚了,但还是想分享一下我所知道的。 You can use this plugin 在应用程序中查看 PDF(没有 inappbrowser)。仅支持 Android 和 iOS。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2015-09-05
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多