How to Display PDF File with in the same App in phonegap

。_饼干妹妹 提交于 2019-11-30 07:09:35

(Excuse my poor English) I don't know what you mean "in the same app", because inappbrowser, Mupdf and pdf.js can all do that.

In Android platform, most popular solution is send intent and open via other pdf viewers because users can choose there favorite(you can try File Opener 2). If you don't like that, you can build an Activity for displaying pdf in your app, just like MuPDF Viewer. If you want open pdf file in Cordova/Phonegap webview, you need mozilla's PDF.js, that's a pure-js lib for rendering pdf file on HTML5 canvas, but it pretty slower than using native solution (even you build with Crosswalk), so I dont suggest that.

It's much easier in iOS platforms. iOS's UIWebView can open pdf files natively, so all you need is using inAppBrowser Plugin. If you want more features, there're many plugins (like Cordova PDFReader IOS) you can choose.

Hope that helps with you.

for cordova, sachinM's answer is perfect - but with an extensions Use uriEncodeComponent(link) and https://docs.google.com/viewer?url= link

Doc, Excel, Powerpoint and pdf all supported.

Use the cordova in app browser.

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;
        }

            $("body").on("click",function(e){
           var clicked = $(e.target);
         if(clicked.is('a, a *'))
       {
             clicked = clicked.closest("a");
             var link = clicked.attr("href");
            if(link.indexOf("https://") !== -1)
           {
               if(true) //use to be able to determine browser from app
                 {
                    link = "http://docs.google.com/viewer?url=" +  encodeURIComponent(link) + "&embedded=true";
             }

                 window.open(link, "_blank", "location=no,toolbar=no,hardwareback=yes");
                return false;
            }
    }
    });

You can use Google Docs Viewer plugin for jQuery to display pdf document in div. Click here

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!