可以通过将minZoom prop设置为0.1来解决这个问题,如下所示:
import React, { useState } from 'react';
import ImgCrop from 'antd-img-crop';
import { Upload } from 'antd';
const Demo = () => {
const [fileList, setFileList] = useState([]);
const onChange = ({ fileList: newFileList, file }) => {
setFileList(newFileList);
};
const onPreview = async file => {
let src = file.url;
if (!src) {
src = await new Promise(resolve => {
const reader = new FileReader();
reader.readAsDataURL(file.originFileObj);
reader.onload = () => resolve(reader.result);
});
}
const image = new Image();
image.src = src;
const imgWindow = window.open(src);
imgWindow.document.write(image.outerHTML);
};
return (
<>
{fileList.length < 5 && '+ Upload'}
>
);
};
export default Demo;