antdesignpro upload上传后怎么显示图片

Ant Design Pro 中的上传组件会返回一个 URL，你可以使用该 URL 将图像显示在页面上。

具体来说，你可以使用 Ant Design Pro 中的 `<img>` 标签将图像显示在页面上，例如：

import React from 'react';
import { Upload, Button, message } from 'antd';

class ImageUpload extends React.Component {
  state = {
    imageUrl: null,
  };

  handleUpload = (info) => {
    if (info.file.status === 'done') {
      message.success('上传成功');
      this.setState({
        imageUrl: info.file.response.url,
      });
    } else if (info.file.status === 'error') {
      message.error('上传失败');
    }
  };

  render() {
    return (
      <div>
        <Upload
          name="image"
          action="/api/upload"
          accept="image/*"
          showUploadList={false}
          onChange={this.handleUpload}
        >
          <Button>上传图片</Button>
        </Upload>
        {this.state.imageUrl && <img src={this.state.imageUrl} alt="上传的图片" />}
      </div>
    );
  }
}

export default ImageUpload;

在上面的示例中，我们定义了一个 `ImageUpload` 组件，其中包含一个 `Upload` 组件和一个 `<img>` 标签。当用户上传图像后，我们将从服务器返回的图像 URL 存储在组件的状态中，并使用该 URL 显示图像。请注意，我们在 `<img>` 标签中使用 `src` 属性来指定图像的 URL。