https://spainenvironmentreporter.com/js/controllers/articleImage.js?v7b075f7deb703aa491ed2c389488a08e521a67c4

1import { Controller } from "../stimulus.js";
2
3const MIN_IMAGE_SIZE = 16;
4
5export default class extends Controller {
6  static targets = ["image", "fallback"]
7
8  connect() {
9    this.handleLoad = this.handleLoad.bind(this);
10    this.imageTarget.addEventListener("load", this.handleLoad);
11    if (this.imageTarget.complete) {
12      this.handleLoad();
13    }
14  }
15
16  disconnect() {
17    this.imageTarget.removeEventListener("load", this.handleLoad);
18  }
19
20  handleLoad() {
21    const { naturalWidth, naturalHeight } = this.imageTarget;
22    if (naturalWidth >= MIN_IMAGE_SIZE && naturalHeight >= MIN_IMAGE_SIZE) {
23      this.imageTarget.hidden = false;
24      this.fallbackTarget.hidden = true;
25    }
26  }
27}