Javascript 上载新图像Fabricjs时图像不可用

目前我面临一个问题，如果我上传一个图像的图像得到上传。第二次尝试上载图像时。图像已上载，但上一张图像未显示在那里，仅显示当前图像，但在预览中，我可以看到上一张图像

现在我上传了一些更多的图片在左手边以前上传的图片没有显示

这是我的html

      <div class="panel-body text-center">
    <img id="testImage"  (dragover)="false"(dragend)="false"
    (drop)="handleDrop($event)" class="images-item-upload" *ngFor='let item of urls' [src]="item.url"  (click)="onClik(item);"/>
    <label class="btn btn-default btn-block file-container">
      <i class="fa fa-fw fa-upload"></i> Choose a file
      <input type='file' [disabled]="urls.length >= 16"  multiple (change)="readUrl($event);">
    </label>

  </div>

---

我的readUrl中有anwser我必须删除我的

---

this.url=[]

请不要关闭我正在努力解决的问题

     addImage(canvasInst, imageUrls) {
      if(imageUrls){
            fabric.Image.fromURL(imageUrls, img => {
            var oImg = img;
            oImg.scaleToWidth(250);
            oImg.scaleToHeight(250);
            canvasInst.centerObject(oImg);
            canvasInst.add(oImg).renderAll();
            canvasInst.setActiveObject(oImg);
            // canvasInst.toDataURL({ format: "png", quality: 0.8 });
            });
            this.updateLayers();
        }
  }