NG2-File-Upload загрузить несколько изображений - PullRequest
0 голосов
/ 17 октября 2019

Я хочу загрузить несколько изображений, и это изображение присутствует в представлении.

У меня есть:

 public filePreviewPath: SafeUrl[]=[];

public uploader: FileUploader = new FileUploader({
    isHTML5: true
  });

Мой конструктор:

constructor(private sanitizer: DomSanitizer, private fb: FormBuilder, private modalService: BsModalService,
    public modalRef: BsModalRef, private adminService: AdminSerivice, private dataStorageService: ProductService) {
    this.uploader.onAfterAddingFile = (fileItem) => {
      this.filePreviewPath.push(this.sanitizer.bypassSecurityTrustUrl((window.URL.createObjectURL(fileItem._file)))) ;
    }

И из этогоЯ хочу предварительно установить свое загружаемое изображение:

<div *ngFor="let img  of filePreviewPath  ; let indexCategory= index">
              <img class="op-product-thumb"
              [src]="img"
              *ngIf="img"/>
         <span class="op-icon op-close bg-danger"
                 (click)="item.remove()"
                 (click)="resetForm()">
         </span>
          </div>

И у меня есть это представление: enter image description here

Когда я добавляю новый из ввода загрузки, я получаю все изображения водин взгляд. enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...