如何打开.pdf文件表单附加到Google Docs View的android文件路径

时间:2017-06-09 04:45:17

标签: angular cordova pdf ionic2 ionic3

我正在使用InAppBrower打开pdf文件,它不支持.pdf文件,所以我选择使用gview来支持它

  

我的文件路径文件:///data/user/0/com.schneider.and/files/Attendance_Policy_Ver_1.0.pdf

这是我的inappbrower代码

//the below code works file
// var url = https://docs.google.com/gview?embedded=true&url=http://unec.edu.az/application/uploads/2014/12/pdf-sample.pdf

//the below code is not working showing blank screen 
    var url = https://docs.google.com/gview?embedded=true&url=file:///data/user/0/com.schneider.and/files/Attendance_Policy_Ver_1.0.pdf ;


//my inappbrowser code
    const browser = this.iab.create(url, '_blank', 'location=yes
,EnableViewPortScale=yes');

我的inappbrowser窗口中出现了空白屏幕。

1 个答案:

答案 0 :(得分:0)

首先,请参阅此answer,了解如何在Android中WebView启动pdf文件。

我认为你不能以这种方式提供本地文件路径。

<body > <ion-pane> <ion-header-bar class="bar-stable"> <h1 class="title">Ionic Blank Starter</h1> </ion-header-bar> <ion-content ng-controller="FileOpenerController"> <button class="button button-full button-positive" ng-click="openPDF()"> Open PDF File </button> </ion-content> </ion-pane> </body> 主要支持网络内容。它的方式类似于Androids app.controller('FileOpenerController', function($scope, $cordovaFileOpener2, $ionicPlatform) { $scope.openPDF= function() { $cordovaFileOpener2.open( '/sdcard/Download/109.pdf', 'application/pdf' ).then(function() { console.log('Success'); }, function(err) { console.log('An error occurred: ' + JSON.stringify(err)); }); }; });

引自Inappbrowser - Apache Cordova

  
      
  • 您可以在应用内显示有用的文章,视频和网络资源。用户无需离开您的应用即可查看网页。
  •   
  • InAppBrowser窗口的行为类似于标准Web浏览器,无法访问Cordova API。因此,如果您需要加载第三方(不受信任的)内容,建议使用InAppBrowser
  •   

请检查this格式以打开本地URI(HTML页面)。

您可以使用ngCordova-FileOpener2从设备存储中打开文件(包括pdf)。这使用默认应用程序打开特定类型的文件。

工作代码段 -

items.find({ tags:{  $elemMatch:{$eq: "fitness"}} ,
             $or:[  {discount: {$gte: 10}},
                    {savings: {$gte: 10}} 
                 ] })

然后在JavaScript文件中使用此 -

not existst

可以找到完整的教程以及代码here