如何在不清除 Angular 6 中的前一个图像的情况下添加图像答案

【问题标题】：How to add an image without clearing the previous image in Angular 6如何在不清除 Angular 6 中的前一个图像的情况下添加图像
【发布时间】：2019-10-24 07:02:23
【问题描述】：

我正在尝试第二次添加图像，但它从服务文件中清除了以前的图像。我尝试过这种方法但未能实现。这里我面临的问题是“this.fileInfo.fileUrls.push(e.目标.结果);"承诺解决后，这条线正在执行。所以我想写一个等待函数？ Image Upload with preview and Delete option - Javascript / Jquery

service.ts

    async selectImageFile(event) {
      this.fileInfo = {
          selectedFiles: event.target.files,
          fileUrls: [],
          names: []
        };
        for (let i = 0; i < this.fileInfo.selectedFiles.length; i++) {
          this.fileInfo.names.push({
            file_name: this.fileInfo.selectedFiles[i].name.replace(/\s/g, "_"),
            type: "review"
          });
        }
        console.log('files Name:', this.fileInfo.names);
        const files = event.target.files;
        this.fileInfo.fileUrls = [];
        if (files) {
          for (let i=0;i<files.length;i++) {
            var f = files[i]
            const reader = new FileReader();
            reader.onload = (e: any) => {
              console.log(e.target);
              this.fileInfo.fileUrls.push(e.target.result);
            };
            reader.readAsDataURL(f);
          }
        }
        console.log(this.fileInfo);
        return this.fileInfo;
      }

component.ts

    selectPhoto(event) {
        console.log('event from temp',event);
        this.resturantDetailsService.selectImageFile(event).then(fileInfo => {
          console.log('retrun promise',fileInfo)
          this.selectedFiles = fileInfo.selectedFiles;
          this.fileUrls = fileInfo.fileUrls;
          // console.log(this.fileUrls);
          this.names = fileInfo.names;
        });
      }

【问题讨论】：

标签： javascript angular

【解决方案1】：

像这样声明fileInfo对象全局

export class test{
fileInfo = {
          fileUrls: [], //here I am clearing array after async call 
          names: [] // same as above 
 };

每当我调用该函数 fileInfo 对象正在重新初始化时，问题都是一样的

【讨论】：