如何在 ionic 3 中转换 base64 数据中的 pdf、xlsx 和 doc 文件？

Question

我的代码是：

addFilesforRNAppz(inputFile: any) {
 const fileget = this.fileInputVariable.nativeElement.files;

 let fileList: FileList = inputFile.target.files;

 // I can access the selected file name, size and object correctly without any issues
 console.log("File name = " + fileList[0].name);
 console.log("File size = " + fileList[0].size);
 console.log("File = " + fileList[0]);

 // Converting the file input to base 64 (This rarely works)
 this.convertFileToBase64AndSet(fileList);

 // ===============================================================
}
convertFileToBase64AndSet(fileList: FileList)
{
   if(fileList.length > 0)
  {
    var reader = new FileReader();

      reader.onloadend = (e: Event) => {

      console.log(reader.result);
    }

    reader.readAsDataURL(fileList[0]);
  }
}


<input type="file" #inputFile (change)="addFilesforRNAppz($event)" class="file-input" />

我想要所选 pdf 或任何 doc 文件的 base64 数据。我可以将 Image 转换为 base64，但它不会从 pdf 转换为 base64 数据。

我的代码有什么问题，请尽快给出解决方案，不胜感激。

Answer 1

我可以将 Image 转换为 base64，但它不能从 pdf 转换为 base64 数据。

您的阅读代码对img 或pdf 或其他任何东西都一样。但是我怀疑您正在尝试将读取值用作data-urisrc。这不适用于pdf 文件，仅适用于图像。

Answer 2

要转换 pdf，您可以使用：

file.readAsArrayBuffer(filePath, fileName)

以下是filechooser插件获取的pdf阅读完整代码：

this.fileChooser.open().then((uri) => {
       this.filePath.resolveNativePath(uri).then((finalUri) => {
         this.file.resolveLocalFilesystemUrl(finalUri).then((entry) => {
          let filePath = entry.nativeURL.substring(0, entry.nativeURL.lastIndexOf('/'));
          if (entry.name.endsWith('.pdf')){
            return this.file.readAsArrayBuffer(filePath, entry.name)
              .then((data) => {
                //data after reading pdf
              })
              .catch((error) => {
                //error
              });
          }
        })
      })
    })