Question

我正在使用Ionic 4，Capacitor和pdfMake生成pdf，并在Android模拟器上打开。由于电容器文件写入不支持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

电容器文件系统的文档具有误导性。如果将encoding参数传递给Filesystem.writeFile，它将假定它是纯文本文件。如果不提供，则假定为base64。下面的代码有效。

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

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

1 个答案: