Я хочу загрузить несколько изображений, и это изображение присутствует в представлении.
У меня есть:
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>
И у меня есть это представление:
Когда я добавляю новый из ввода загрузки, я получаю все изображения водин взгляд.