如何在Ionic 3中打开Document(.doc .ppt .pdf .xlsx)?

时间:2018-04-03 09:57:49

标签: javascript angular ionic-framework ionic3

我从Ionic Document https://ionicframework.com/docs/native/document-viewer/阅读了该文档,但我找不到在应用程序中打开doc,ppt等文档文件的最佳方法。有什么建议可以解决这个问题吗?

所以基本上我想将每个Document文件转换为HTML,以便用户可以通过app打开文件。有什么建议吗?

这是我的TS档案:

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { DocumentViewer, DocumentViewerOptions } from '@ionic-native/document-viewer';

@IonicPage()
@Component({
  selector: 'page-e-learning',
  templateUrl: 'e-learning.html',
})
export class ELearningPage {

  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    public document: DocumentViewer
  ) {

    const options: DocumentViewerOptions = {
      title: 'My PDF'
    }
    this.document.viewDocument('https://s1.q4cdn.com/806093406/files/doc_downloads/test.pdf', 'application/pdf', options)

  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad ELearning');
  }

}

2 个答案:

答案 0 :(得分:1)

您是否尝试过文件打开器?在Ionic 1文件打开器中打开pdf和其他文件格式。 查看Ionic 3的链接。 https://ionicframework.com/docs/native/file-opener/

答案 1 :(得分:0)

对于PDF文件,您可以将PDF Viewer Component用于Angular 5+ ng2-pdf-viewerHere您可以在Ionic 3中找到集成示例。 希望我能帮忙!