Input addEventListener on change not firing

Question

I have a single input to upload a image.

html

Answer 1

change this.imageInput.addEventListener("change", this.uploadImage()); to this.imageInput.addEventListener("change", this.uploadImage); ( removed the () after this.uploadImage ).

Answer 2

Change your event to this:

this.imageInput.addEventListener("change", () => this.uploadImage());

Or to this:

this.imageInput.addEventListener("change", this.uploadImage.bind(this));

What you are doing is calling uploadImage and passing the result of that to the listener. You want to pass the reference to the listener.