antd如何隐藏Upload组件的删除和预览图标
如下所示,当Upload组件文件上传成功后,默认会出现预览和删除的图标
如果我们不想显示这两个图标,应该如何操作呢?官方文档上有如下介绍:
通过设置Upload组件的showUploadList属性下的showPreviewIcon, showRemoveIcon, showDownloadIcon,即可控制预览图标、删除图标、下载图标的展示和隐藏
比如,我要隐藏Upload的预览图标
详细代码如下:
<Upload action={action} accept={accept} listType="picture-card" maxCount={maxCount} multiple headers={{'content-type': 'multipart/form-data'}} beforeUpload={this.beforeUpload} fileList={fileList} onRemove={this.onRemove} showUploadList={{showPreviewIcon: false}} > 上传 </Upload>
通过设置showUploadList={{showPreviewIcon: false}},即可实现预览图标的隐藏,效果如下