【问题标题】:Display PDF with Phonegap - multiplatform使用 Phonegap 显示 PDF - 多平台
【发布时间】:2012-10-26 19:11:52
【问题描述】:

我正在尝试使用 phonegap 制作一个可以从互联网打开(和保存)PDF 文件的移动应用程序。 这个应用程序应该可以在 Iphone、android 和 windows phone 上运行(这就是我选择 Phonegap 的原因)

我想我尝试了我能找到的一切,但我无法在设备上实现这一点。 我可以控制提供 PDF (aspx) 的网络服务。

有没有人有一个例子可能如何做到这一点? 我尝试了 ChildBrowser 插件,但也没有运气。 我可以打开网站(http://www.etc.com),但是当我尝试打开 PDF(https://something.com?GetPDF.aspx)时,我只看到一个白色窗口在 cildbrowser 插件中。 使用 HTML5 对象 en embed 标签,我也无法显示 PDF。

任何帮助都会很棒,因为此时我被卡住了!!

【问题讨论】:

    标签: android iphone pdf cordova windows-phone-7.1


    【解决方案1】:

    在 cordova-2.5.0 中,我只使用 open.window 并将外部 PDF 传递给谷歌,如下所示:

    onClick="window.open('http://docs.google.com/viewer?url=http://yoursite.com/thepdf.pdf','_blank', 'location=no'); return false;
    

    然后 pdf 以电话间隙 InAppBrowser 打开。 非常基本,但允许在 iOS 和 Android 之间提供更标准化的体验。

    【讨论】:

      【解决方案2】:

      你需要先下载文件,然后在你打开这个pdf文件的地方创建文件资源管理器,或者你从互联网上打开文件,然后你需要试试这个代码:

      childbrowser = ChildBrowser.install(); // create child browser
       var strrrPath = "http://www.section508.gov/docs/pdfguidanceforgovernment.pdf";
      var path = strPath.substr(0,strPath.lastIndexOf('/')); //added file path - addres to file
      childbrowser.showWebPage(encodeURI(path)); //open file
      

      【讨论】:

      • 您好 dajver,感谢您的宝贵时间和回答。这不起作用,我在子浏览器中看不到 PDF 文件。 childbroswer 打开的路径是“ht tp://www.section508.gov/docs”;不是PDF文件。我错过了什么吗?
      • 您添加到您的项目子浏览器文件?也许您忘记在项目中添加 javascript 文件?我目前没有 X 代码,但您可能需要这样做:childbrowser = ChildBrowser.install(); // create child browser var strPath = "http://www.section508.gov/docs/pdfguidanceforgovernment.pdf"; childbrowser.showWebPage(strPath); //open file
      • 嗨 dajver,是的,我做到了,并且 childbrowser.js 是在头部定义的。我还看到 childbrowser 出现了,但内容是白色的(没有 PDF)。到目前为止,我在 Windows Phone 和 Android 上尝试过这个,但没有任何运气。谢谢。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-17
      • 2012-05-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多