upload After removing the automatic upload, the thumbnail is not displayed, the console is reported incorrectly, the sample code is as follows

[wushuxuan]

Import { Component } from '@angular/core';
Import { UploadFile } from 'ng-zorro-antd';
@component({
Selector: 'app-image-picker',
Template:

<nz-upload nzListType="picture-card" [(nzFileList)]="fileList" [nzShowButton]="fileList.length < 3" [nzShowUploadList]="showUploadList" [nzPreview]="handlePreview" [nzBeforeUpload]="beforeUpload" >

Upload

<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false" > <ng-template #modalContent> <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />

,
Styles: [
i[nz-icon] { Font-size: 32px; Color: #999; } .ant-upload-text { Margin-top: 8px; Color: #666; }
]
})
Export class ImagePickerComponent {
showUploadList = {
showPreviewIcon: true,
showRemoveIcon: true,
hidePreviewIconInNonImage: true
};
fileList: UploadFile[] = [];
previewImage: string | undefined = '';
previewVisible = false;
Constructor() { }
beforeUpload = (file: UploadFile, ) => {
this.fileList = this.fileList.concat(file);
Return false;
}
handlePreview = (file: UploadFile) => {
this.previewImage = file.url || file.thumbUrl;
this.previewVisible = true;
};
}

[ng-zorro-bot]

Hello @wushuxuan, your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue, thank you!

你好 @wushuxuan，为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。你可以通过 issue 助手 来创建 issue 以方便我们定位错误。谢谢配合！