web-dev-qa-db-fra.com

ionique comment ouvrir un fichier pdf et voir dans l'appareil pour iOS et Android

J'ai une URL de pdf. Quand j'essaye d'ouvrir son travail dans le navigateur. Mais quand j'essaie d'ouvrir à la fois dans les appareils Android et iOS. Mon fichier pdf ne s'ouvre pas. Voici mon code:

Mon contrôleur: 

$window.OpenLink = function(link) {
    window.open( link, '_system');
  };

Mon code html sur le clic: 

<div  class="col col-50 clsGrid" onclick="OpenLink('http://www.orimi.com/pdf-test.pdf')">

Sil te plait aide moi. Comment puis-je ouvrir mon fichier pdf et voir à la fois dans les appareils Android et iOS.

Merci d'avance !!

htmlangularjspdfionic-frameworkhybrid-mobile-app
7
hybrid Dev

installer le plugin 

cordova plugin add https://git-wip-us.Apache.org/repos/asf/cordova-plugin-inappbrowser.git

alors essayez ceci 

<a class="item" href="#" onclick="window.open('http://www.orimi.com/pdf-test.pdf', '_system', 'location=yes'); return false;">
  Open pdf
                </a>
1
Edison

Question similaire posée ici. Cadre ionique PdfViewer

Essayez d’utiliser ce plugin Phonegap https://github.com/ti8m/DocumentHandler Cela a parfaitement fonctionné pour moi.

Voici comment je l’ai intégré.

$scope.HandleDocumentPlugin = function () {
    if (DocumentViewer != null) {
        DocumentViewer.previewFileFromUrlOrPath(
            function () {
                console.log('success');
            }, function (error) {
                if (error == 53) {
                    console.log('No app that handles this file type.');
                    var alert = $ionicPopup.alert({
                        title: 'Alert!',
                        template: "There is no app installed that handles this file type."
                    });
                    alert.then(function (res) {

                    });
                }
            }, $scope.PDF_URL);
    }
    else if (DocumentHandler != null) {
        DocumentHandler.previewFileFromUrlOrPath(
           function () {
               console.log('success');
           }, function (error) {
               if (error == 53) {
                   console.log('No app that handles this file type.');
                   var alert = $ionicPopup.alert({
                       title: 'Alert!',
                       template: "There is no app installed that handles this file type."
                   });
                   alert.then(function (res) {

                   });
               }
           }, $scope.PDF_URL);
    }
    else {
        console.log("error");
    }
}
0
DevSab