如何在离子中打开pdf

时间:2018-04-09 00:54:35

标签: angular typescript ionic-framework web

我应该如何使用离子FileOpener?或者另一种显示PDF文件的方式?我已更新,但收到错误。

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
}) 
export class HomePage {
    page2 = Page2;
    ionViewDidLoad() {
    }
    pdfUrl : string;
    pins = PINS;
    str : string; 
    constructor(public navCtrl: NavController, private fileOpener: FileOpener) { 
    }
    onSelect(pin: Pin): void {
        this.fileOpener.open('assets/helloworld.pdf', 'application/pdf')
        .then(() => console.log('File is opened'))
        .catch(e => console.log('Error openening file', e));
    }
};

error

2 个答案:

答案 0 :(得分:0)

要打开现有PDF文件,您可以使用File Opener插件。
首先安装Cordova和Ionic Native插件:

$ ionic cordova plugin add cordova-plugin-file-opener2
$ npm install --save @ionic-native/file-opener

然后将此插件添加到您应用的模块(app.module.ts)中:

...

import { FileOpener } from '@ionic-native/file-opener';

...

@NgModule({
  ...

  providers: [
    ...
    FileOpener
    ...
  ]
  ...
})
export class AppModule { }

现在你可以使用你的插件了:

import { FileOpener } from '@ionic-native/file-opener';

    constructor(private fileOpener: FileOpener) { }

    ...

    this.fileOpener.open('path/to/file.pdf', 'application/pdf')
      .then(() => console.log('File is opened'))
      .catch(e => console.log('Error openening file', e));

希望我能帮忙!

答案 1 :(得分:0)

以下错误仅在浏览器中出现。

__Z6mask2by:                            ## @_Z6mask2by
        .cfi_startproc
## %bb.0:
        leaq    __ZL10MASK_TABLE(%rip), %rax
        vpmovsxbq       (%rax,%rdi,2), %xmm0
        retq
        .cfi_endproc

您可以制作ionic app apk并安装在设备中,然后检查其是否正常工作。