在android上打开时生成的PDF文件格式无效

Question

我正在使用Ionic 4，Capacitor和pdfMake生成一个pdf并在Android模拟器上打开。由于Capacitor文件写入不支持blob，我将其作为base64发送。

注意：我尝试使用Cordova插件保存为blob，但它与电容器无法正常工作。此外，我的解决方案在Cordova唯一项目中运行良好，但我需要使用电容器。

但是，当我在设备上打开pdf时，它表示格式无效。我在这里做错了什么想法？

if (this.plt.is('cordova')) {
  this.pdfObj.getBase64((data) => {
    this.pdfBase64 = data;
    console.log(this.pdfBase64);
  });


downloadPdf() {
const { Filesystem } = Plugins;

if (this.plt.is('cordova')) {
  console.log('3');
    // Save the PDF to the data Directory of our App
    const fileName = 'defectreport.pdf';
    try {
      Filesystem.writeFile({
        path: fileName,
        data: this.pdfBase64,
        directory: FilesystemDirectory.Data,
        encoding: FilesystemEncoding.ASCII
      }).then((writeFileResult) => {
        console.log('File Written');
        Filesystem.getUri({
            directory: FilesystemDirectory.Data,
            path: fileName
        }).then((getUriResult) => {
            console.log(getUriResult);
            const path = getUriResult.uri;
            this.fileOpener.open(path, 'application/pdf')
            .then(() => console.log('File is opened'))
            .catch(error => console.log('Error openening file', error));
        }, (error) => {
            console.log(error);
        });
      });
      console.log('writeFile complete');
    } catch (error) {
      console.error('Unable to write file', error);
    }

Answer 1

Capacitor fileSystem的文档具有误导性。如果将encoding参数传递给Filesystem.writeFile，则假定它是纯文本文件。如果您不提供它，则假定为base64。以下代码有效。

 Filesystem.writeFile({
        path: fileName,
        data: this.pdfBase64,
        directory: FilesystemDirectory.Documents