update

src/components/DDComponents/DDPhotoField/index.js

@@ -1,15 +1,18 @@
-import React, { useState } from 'react';
-import { Upload, Button } from 'antd';
+import React, { useState, useEffect } from 'react';
+import { Upload, Button, Image } from 'antd';
 import AliyunOssUploader from '@/components/OssUpload/AliyunOssUploader';
 import { queryOSSData } from '@/services/boom';
 
 function DDPhotoField(props) {
   const { disabled, onChange } = props;
+  const [value, setValue] = useState([]);
   const [ossData, setOssData] = useState();
 
   const OnModelFileDone = file => {
     var path = ossData.host + '/' + file.url;
-    onChange(path);
+    let newValue = [...value, path];
+    onChange(newValue);
+    setValue(newValue);
   };
   const OnUploading = file => {};
 
@@ -20,16 +23,23 @@ function DDPhotoField(props) {
   }, []);
 
   return ossData ? (
-    <AliyunOssUploader
-      OSSData={ossData}
-      onDone={OnModelFileDone}
-      onUploading={OnUploading}
-      noStyle={false}
-      showUploadList={false}
-      directory={false}
-      accept={'.png, .jpg, .jpeg'}
-      label="上传图片"
-    ></AliyunOssUploader>
+    <div>
+      <div>
+        {value.map(img => (
+          <Image width={200} src={img} />
+        ))}
+      </div>
+      <AliyunOssUploader
+        OSSData={ossData}
+        onDone={OnModelFileDone}
+        onUploading={OnUploading}
+        noStyle={false}
+        showUploadList={false}
+        directory={false}
+        accept={'.png, .jpg, .jpeg'}
+        label="上传图片"
+      ></AliyunOssUploader>
+    </div>
   ) : null;
 }