① upload.addEventListener('change', (e) => {
意味
upload
は、HTMLの<input type="file" id="upload">
のことでしたね。addEventListener('change', ...)
は、- ファイルが選ばれたとき(=ファイルの内容が「変わったとき」)
- この中の関数を実行する という意味です。
🔵 イベント "change"
は「何かが選ばれた」タイミングで発動します。
なぜ必要?
「Canvasに描画する」
の処理をスタートさせるためです。
ファイルを選んだタイミングで、次にやる
「画像を読み込む」
「Canvasに描画する」
の処理をスタートさせるためです。