ionic/angular FileReader error (addEventListener is not a function) occurs in ios simulator

Question

I have the function below and it works fine with ionic serve, but i get "reader.addEventListener is not a function" when I'm trying to run the same code on ios simulator. Could you help me, please, find out what is wrong?

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

I do not use any plugin, it is a https://developer.mozilla.org/en-US/docs/Web/API/FileReader — Максим Коровин, Apr 04 '18 at 16:05

score 2 · Accepted Answer · answered Aug 28 '19 at 13:45

As stated here, the reader is not an element, so you should use onload in this case. This is an updated version, using the same method.

createImageFromBlob(image: Blob) {
  let reader = new FileReader();
  reader.onload = function () {
    this.imageToShow = reader.result;
  }
  if (image) {
    reader.readAsDataURL(image);
  }
}

ionic/angular FileReader error (addEventListener is not a function) occurs in ios simulator

1 Answers1