检查目录中是否有图像

Question

想象有一个大校园，它有20多座建筑物。每栋建筑都有1张或更多张照片。我将所有照片保存在Localhost的文件夹中，当我点击建筑物时，它会调用目录并显示建筑物的照片。 我的文件夹图像如下：12_1.jpg，12_2.jpg，...其中12是建筑物ID。

我所做的是：

binaResim: Array<any> = [];

function checkImage(imageSrc, good, bad) {
        console.log("check image ",imageSrc);
        var img = new Image();
        img.onload = good; 
        img.onerror = bad;
        img.src = imageSrc;
      };

      let schoolPhoto = environment.resimUrl + data.attributes.bina_sira_no;
      this.binaResim=[];

      for (var k = 1; k < 100; k++) {
        var image=checkImage(schoolPhoto+ "_" + k +".jpg" ,
        function(){                     
         this.image= true;
          }, function(){
             this.image= false;
          });
             this.binaResim.push(schoolPhoto+ "_" + k + ".jpg" );

             if(!image){
                console.log("no anymore photo");
                break;
             }
       }

问题是每个建筑物可能有不同数量的图像，所以我想检查“For loop”中的url，如果没有任何目录则中断。

此处代码会运行，但当建筑物有多张照片时，它只显示一张图片。