27 lines
656 B
JavaScript
27 lines
656 B
JavaScript
|
import { Image } from "antd";
|
||
|
|
import { getFileUrl } from "../../utils/index";
|
||
|
|
|
||
|
|
const PreviewImg = (props) => {
|
||
|
|
const { files = [], fileUrlKey = "filePath" } = props;
|
||
|
|
const fileUrl = getFileUrl();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Image.PreviewGroup>
|
||
|
|
{
|
||
|
|
files.filter(Boolean).map((item, index) => (
|
||
|
|
<Image
|
||
|
|
key={item[fileUrlKey] || item}
|
||
|
|
src={item[fileUrlKey] ? fileUrl + item[fileUrlKey] : fileUrl + item}
|
||
|
|
style={{ marginLeft: index > 0 ? 10 : 0 }}
|
||
|
|
width={100}
|
||
|
|
height={100}
|
||
|
|
alt=""
|
||
|
|
/>
|
||
|
|
))
|
||
|
|
}
|
||
|
|
</Image.PreviewGroup>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default PreviewImg;
|