web-dev-qa-db-fra.com

Comment afficher PDF Fichier avec dans la même application dans phonegap

comment afficher un fichier Pdf dans la même application phonegap. J'ai essayé Inappbrowser, Mupdf, PDFJS et tous affichent PDF en utilisant un autre visualiseur de pdf.

9
k.nagababu

pour cordova, la réponse de sachinM est parfaite - mais avec une extension Utilisez uriEncodeComponent (link) et https://docs.google.com/viewer?url= link

Doc, Excel, PowerPoint et pdf sont tous pris en charge.

Utilisez le navigateur cordova in app.

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;
            }
    }
    });
3
Marc Magon

(Excusez mon pauvre anglais) Je ne sais pas ce que vous voulez dire par "dans la même application", car inappbrowser, Mupdf et pdf.js peuvent tous le faire. 

Sur la plate-forme Android, la solution la plus populaire est send intent et ouverte via d’autres visualiseurs de fichiers PDF, car les utilisateurs peuvent choisir leur favori (vous pouvez essayer File Opener 2 ). Si vous n'aimez pas cela, vous pouvez créer une activité pour afficher le pdf dans votre application, tout comme MuPDF Viewer . Si vous voulez ouvrir un fichier pdf dans la vue Web Cordova/Phonegap, vous avez besoin du fichier PDF.js de mozilla, qui est une librairie pure-js permettant de restituer un fichier pdf sur du canevas HTML5, Passage pour piétons ), donc je ne suggère pas cela.

C'est beaucoup plus facile sur les plateformes iOS. UIWebView d'iOS peut ouvrir les fichiers pdf de manière native, il vous suffit donc d'utiliser inAppBrowser Plugin . Si vous voulez plus de fonctionnalités, vous pouvez choisir plusieurs plugins (comme Cordova PDFReader IOS ).

J'espère que ça vous aidera.

3
Fomahaut

Vous pouvez utiliser le plug-in Google Docs Viewer for jQuery pour afficher un document PDF sous la forme div. Cliquez ici

1
sachinM