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 developer.mozilla.org/en-US/docs/Web/API/FileReader — Максим Коровин
– Максим Коровин, Commented Apr 4, 2018 at 16:05

leonardofmed · Accepted Answer · 2019-08-28 13:45:22Z

3

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);
  }
}

answered Aug 28, 2019 at 13:45

leonardofmed

8353 gold badges14 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related