ループ処理でURLを正誤判定したい(2)

前提

こちらのつづきです。

htmlファイル内で他サイトからimgを読み込んでいます。

<img src="https://abcde.com/abcde/*/assets/img01.jpg"> <img src="https://abcde.com/abcde/*/assets/img02.jpg"> …

ただ、システムの都合上、imgが置いてあるフォルダ名の*部分が「v1」「v2」・・・と
数字が増え、URLが変わってしまいます。

こちらでは正解のURLが分からないため、jsで画像が読み込めるよう処理できないかと検討しています。

ループ処理でv1,2・・・とURLを変えていき
"img.onload"で正しいURLかどうかを判定できるか試したのですが、上手くいきません。

img01については
<img src="https://abcde.com/abcde/v1/assets/img01.jpg">→404エラー
<img src="https://abcde.com/abcde/v2/assets/img01.jpg">→404エラー
<img src="https://abcde.com/abcde/v3/assets/img01.jpg">→OK
と、画像が表示されるまで順番にあたっていき、
サイトにきちんと画像が表示されるようにしたいのですが、現状「v1」で止まり、404エラーのままです。

参考にしたサイトはこちらです。

何か良い策はないでしょうか？

試したもの

<img src="img01url"> <img src="img02url"> <script> const img = new Image(); let i = 1; img.onerror = function() { img01url = img.src; i=i++ } img.onload = function() { const img01url = 'https://abcde.com/abcde/v'+'i'+'/img01.jpg'; const img02url = 'https://abcde.com/abcde/v'+'i'+'/img02.jpg'; } </script>