angular - 如何在 Assets 文件夹ionic 3中打开pdf文件

Question

我正在处理一个 ionic 3 项目，我想打开 "assets/pdf" 文件夹中的 pdf 文件。 我为此使用了 ionic-native 文件打开器。但它会抛出一个错误，提示 找不到文件

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));
     });