Prime Community Forum

Code: Select all

	<ng-template #upload let-c="close" let-d="dismiss">
		<p-fileUpload #fileUpload
						customUpload="true"
						(uploadHandler)="uploadMultiHandler($event)"
						(onSelect)="onFileSelect($event)"
						multiple="multiple"
						accept="image/*"
						maxFileSize="1000000"> 
			<ng-template let-file pTemplate="file">
			  <div class="ui-fileupload-row">
				<div><img [src]="file.objectURL" width="50"/></div>
				<div>{{file.name}}</div>
				<div>{{formatSize(file.size)}}</div>
				<div><button type="button" icon="fa-close" pButton (click)="remove(event, file)"></button></div>
			  </div>
			</ng-template>
			<ng-template pTemplate="content">
			  <ul *ngIf="uploadedFiles.length">
				<li *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
			  </ul>
			</ng-template>    
		  </p-fileUpload>
	</ng-template>

	@ViewChild('fileUpload') fileUpload: FileUpload;

	remove(event: Event, file: any) {
		const index: number = this.uploadedFiles.indexOf(file);
		this.fileUpload.remove(event, index);
	}

Code: Select all

  @ViewChild('fileUpload') fileUpload: ElementRef;

  remove(event, file) {
    this.fileUpload.remove(event, file);
  }