鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ antd upload uploadList中的圖片怎么替換

antd upload uploadList中的圖片怎么替換

我用antd的upload上傳圖片。
想隨意替換圖片，如果刪除再上傳的話，會(huì)按照上傳順序展示。
文檔里面，只看到兩個(gè)按鈕：預(yù)覽和刪除，請(qǐng)問下有人做過替換圖片功能嗎？或者上傳的圖片可以隨意拖動(dòng)嗎？

clipboard.png

回答
編輯回答
凹凸曼

圖片也用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>
2018年8月12日 12:14