import {Component,OnInit,Input,Output,EventEmitter} from '@angular/core'; import { UploadFile } from './../../../../../../components/base/upload/interface'; @Component({ selector: 'cm-upload-doc-3', templateUrl: './upload-doc-3.component.html', styleUrls: ['./upload-doc-3.component.css'] }) export class UploadDoc3Component implements OnInit{ fileList = [{ uid: -1, name: 'xxx.png', status: 'done', url: 'http://www.baidu.com/xxx.png', }]; handleChange(info:any): void { const fileList = info.fileList; // 2. read from response and show file link if (info.file.response) { info.file.url = info.file.response.url; } // 3. filter successfully uploaded files according to response from server this.fileList = fileList.filter((item:any) => { if (item.response) { return item.response.status === 'success'; } return true; }); } constructor() {} ngOnInit() {} ngOnDestroy() {} }