antd upload uploadList中的图片怎么替换

Question

我用antd的upload上传图片。
想随意替换图片，如果删除再上传的话，会按照上传顺序展示。
文档里面，只看到两个按钮：预览和删除，请问下有人做过替换图片功能吗？或者上传的图片可以随意拖动吗？

Answer 1

图片也用upload组件包裹起来

<Upload
  className={style['avatar-uploader']}
  name='file'
  showUploadList={false}
  multiple={true}
  data={this.getUploadToken()}
  accept='.png,.jpg'
  action='http://xxxxxx'
  beforeUpload={this.beforeUpload.bind(this)}
  onChange={this.handleUploadChange}
>
  {
    this.state.imageUrl
    ? <img src={this.state.imageUrl} className={style['avatar']} />
    : <Icon type='plus' className={style['avatar-uploader-trigger']} />
  }
</Upload>