① upload.addEventListener(‘change’, (e) => {

upload.addEventListener('change', (e) => {

意味

  • uploadは、HTMLの<input type="file" id="upload"> のことでしたね。
  • addEventListener('change', ...) は、
    • ファイルが選ばれたとき(=ファイルの内容が「変わったとき」)
    • この中の関数を実行する という意味です。

🔵 イベント "change" は「何かが選ばれた」タイミングで発動します。

なぜ必要?

「Canvasに描画する」
の処理をスタートさせるためです。

ファイルを選んだタイミングで、次にやる

「画像を読み込む」

「Canvasに描画する」

の処理をスタートさせるためです。