Cordova FileReader 覆盖 TypeScript FileReader答案

【问题标题】：Cordova FileReader overrides TypeScript FileReaderCordova FileReader 覆盖 TypeScript FileReader
【发布时间】：2018-02-15 15:56:08
【问题描述】：

当我添加 cordova-plugin-file-transfer 插件时，我收到以下错误：reader.addEventListener is not a function。

这是因为 Cordova FileReader 类覆盖了 typescript FileReader。

如何防止这种情况发生？

如何导入原生 FileReader 类？

这是我的功能：

createImageFromBlob(image: Blob) {
  let reader = new FileReader();
  reader.addEventListener("load", () => {
    this.profilePicture = reader.result;
  }, false);
  if (image) {
    reader.readAsDataURL(image);
  }
}

【问题讨论】：

你如何现在导入它？
导入{ FileTransfer } from '@ionic-native/file-transfer';的文件传输插件，我没有导入FileReader类

标签： angular typescript cordova-plugins ionic3

【解决方案1】：

而不是使用 Typescript 来使用 DOM 的 FileReader，以下修改对我有用。

createImageFromBlob(image: Blob) {
  let reader = new FileReader();

  reader.onloadend = (event) => {
    if(reader.error){
      console.log(reader.error)
    } else {
      this.profilePicture = reader.result;
    }
  }
  reader.readAsDataURL(file)
}

我不知道为什么需要进行此类修改。一切正常。自从我安装了 Cordova File 插件后，事情就开始崩溃了。

【讨论】：