Ionic 5文件开启器问题是找不到文件

Question

我将Ionic与angular一起使用，并制作一个应用程序。在我的应用程序中，我使用沙发数据库下载图像。

我正在使用安卓手机。

我正试图在文件打开程序的帮助下下载我的文件，我得到了->

(状态：9消息：找不到文件(

<ion-item mode=md class="input-group ion-no-padding viewFile" lines=none *ngIf="common.isDocumentFill">
<span (click)="doc(fc)">View File</span>
</ion-item>

//功能

doc(objFC) {
let obj = {
ServiceId: 1,
CouchDBDocId: objFC.CouchDBDocId,
DocumentName: objFC.FileName
}
this.api.getPdf(obj).subscribe((data: any) => {
// debugger
let blob = new Blob([data], { type: data.type });
var downloadURL = window.URL.createObjectURL(data);
var types = data.type
this.down(downloadURL, types)
}); 
}
down(filepath, mimeType) {
this.fileOpener.open(filepath, mimeType)
.then(() =>
console.log('File is opened')
)
.catch(e => console.log('Error opening file', e)); 
}

和服务

getPdf(obj) {
// debugger
const httpOptions = {
responseType: 'blob' as 'json'
};
return this.http.post(this.url + "DocumentDetails/DownloadFile", obj, httpOptions);
} 

Answer 1

请安装所需的插件

1.import { FileOpener } from '@ionic-native/file-opener/ngx';    
2.import { File } from '@ionic-native/file/ngx';

在构造函数中进行instansts

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

把这个函数放在你的ts文件中

openPDF (stringBase64PDF) {
debugger
fetch('data:application/pdf;base64,' + stringBase64PDF, {
method: "GET"
})
.then(res => res.blob()).then(blob => {
console.log("created blob");
this.file.createFile(this.file.dataDirectory, 'temp.pdf', true)
.then(() => {
console.log("file created");
this.file.writeFile(this.file.dataDirectory, 'temp.pdf', blob, { replace: true })
.then(res => {
console.log("file writed");
this.fileOpener.open(res.toInternalURL(), 'application/pdf')
.then((res) => {
console.log('file opened')
}).catch(err => {
console.log('open error')
});
}).catch(err => {
console.log('write error')     
});
}).catch(() => {
console.log("create error");
})

}).catch(err => {
console.log('blob error')
});
}

放入html文件

<ion-item (click)="openPDF(base64pdf)">
<ion-label>Click here to open pdf file</ion-label>
</ion-item>  

Answer 2

尝试创建类似的URL

var downloadURL = (window.webkitURL || window.URL).createObjectURL(data);

浏览器可能不支持window.URL->请阅读此处
在谈论手机时，您的意思是iOS设备还是Android设备？