|
@@ -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;
|
|
|
}
|
|
|
|