如何在资产文件夹中打开 pdf 文件 离子 3.

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，请看一下这个： 离子文档查看器 ，应该解决您的问题，试一试。.