Input addEventListener on change not firing

Question

I have a single input to upload a image.

html

Answer 1

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.