新需求

src/components/uploadImage/ImageUpload.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Upload, Icon, message } from 'antd';
+import { Upload, Icon, message, Modal } from 'antd';
 import './style.less';
 import { uploaderProps } from '../../utils/upload';
 
@@ -41,9 +41,12 @@ class ImageUpload extends React.Component {
     }
   };
 
+  handleCancel = () => this.setState({ previewVisible: false });
+
   handlePreview = async file => {
+    console.log(file)
     this.setState({
-      previewImage: file.response,
+      previewImage: file.url,
       previewVisible: true,
     });
   };
@@ -56,6 +59,7 @@ class ImageUpload extends React.Component {
     );
 
     return (
+      <>
       <Upload
         {...uploaderProps}
         listType="picture-card"
@@ -66,6 +70,10 @@ class ImageUpload extends React.Component {
       >
         {this.state.fileList.length >= 1 ? null : uploadButton}  
       </Upload>
+      <Modal visible={this.state.previewVisible} footer={null} onCancel={this.handleCancel}>
+      <img alt="example" style={{ width: '100%' }} src={this.state.previewImage} />
+      </Modal>
+      </>
     );
   }
 }