免费在线网页代理_广州白云区_短视频怎么赚钱_流量宝官网

1、引入
 

import type { GetProp } from 'antd';
type FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];

2、添加状态

  const [previewOpen, setPreviewOpen] = useState(false);const [previewImage, setPreviewImage] = useState('');

3、在upload中添加onPreview={handlePreview}事件

  const getBase64 = (file: FileType): Promise<string> =>new Promise((resolve, reject) => {const reader = new FileReader();reader.readAsDataURL(file);reader.onload = () => resolve(reader.result as string);reader.onerror = (error) => reject(error);});
//预览事件const handlePreview = async (file: UploadFile) => {if (!file.url && !file.preview) {file.preview = await getBase64(file.originFileObj as FileType);}setPreviewImage(file.url || (file.preview as string));setPreviewOpen(true);};

效果图：