reactjs 在antd中预览上传的图片

eanckbw9  于 2023-11-18  发布在  React
关注(0)|答案(1)|浏览(144)

我在我的应用中实现了一个PicturesWall组件,类似于antd网站上的这个组件:https://ant.design/components/upload/#components-upload-demo-picture-card。当用户上传图像时,会生成缩略图,用户可以预览和删除它们。现在,这是我创建项目的时候,但我实现了一个编辑功能,在输入文本字段中填充用户创建项目时输入的内容。我如何列出用户创建项目时上传的图像?

iklwldmw

iklwldmw1#

在编辑时,您需要更新fileListpreviewImage的状态,类似于initial state,如下所示:

this.setState({
    fileList:[{uid:-1,status: 'done',url:'your image Url'}],
    previewImage: 'your image Url',
});

字符串
您可以通过检查是否正在获取要编辑的图像数据来执行此操作。

相关问题