如何在assets文件夹离子3中打开pdf文件

Question

我正在开发一个离子3项目，我想在“assets / pdf”文件夹中打开pdf文件。我为此使用了离子原生文件开启工具。但它会抛出一个错误，说找不到文件

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

constructor(private file: File, private fileOpener: FileOpener) { }

public openFile() {
    const url = "assets/pdf/unit1.pdf";
    this.fileOpener.open(this.file.applicationDirectory + url, 'application/pdf')
        .then(() => console.log('File is opened'))
        .catch(e => {
          console.log('Error openening file', e);
        });
}

这似乎是路径中的错误。但我不知道如何使用它。任何人都知道如何使用这个功能？

Answer 1

我通过此问题所做的是在打开文件之前将文件复制到externalCacheDirectory。

this.file.copyFile(this.file.applicationDirectory + 'www/assets/pdf/', this.filename, this.file.externalCacheDirectory, this.filename)
    .then( _ => {
        this.fileOpener.open(this.file.externalCacheDirectory + this.filename, 'application/pdf')
        .then( _ => {
            console.log('File opened');
        })
        .catch(e => console.log("Error opening file: " + JSON.stringify(e)));
     })
     .catch( e => {
        console.log("Error copying file: " + JSON.stringify(e));
     });

Answer 2

我想你确认文件是否真的在那条路上。您可以尝试使用Ionic Document Viewer，请看一下：Ionic Document Viewer，应该解决您的问题，试一试..