antd如何隐藏Upload组件的删除和预览图标beforeUpload={this.onRemove={this.文章

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}},即可实现预览图标的隐藏，效果如下
在这里插入图片描述

文章参考：www.cnblogs.com/zpsblog/p/1…