liaohui
/
doctor-mail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add 0127

This commit is contained in:
ditiqi 2025-01-27 00:11:03 +08:00
parent 231e736ea4
commit 8db3fab000
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/common/uploader/AvatarUploader.tsx
View File

@ -35,6 +35,8 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
const [file, setFile] = useState<UploadingFile | null>(null); const [file, setFile] = useState<UploadingFile | null>(null);
const avatarRef = useRef<HTMLImageElement>(null); const avatarRef = useRef<HTMLImageElement>(null);
const [previewUrl, setPreviewUrl] = useState<string>(value || ""); const [previewUrl, setPreviewUrl] = useState<string>(value || "");
const [compressedUrl, setCompressedUrl] = useState<string>(value || "");
const [url, setUrl] = useState<string>(value || ""); const [url, setUrl] = useState<string>(value || "");
const [uploading, setUploading] = useState(false); const [uploading, setUploading] = useState(false);
const inputRef = useRef<HTMLInputElement>(null); const inputRef = useRef<HTMLInputElement>(null);
@ -45,7 +47,9 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => { const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
const selectedFile = event.target.files?.[0]; const selectedFile = event.target.files?.[0];
if (!selectedFile) return; if (!selectedFile) return;
// Create an object URL for the selected file
const objectUrl = URL.createObjectURL(selectedFile);
setPreviewUrl(objectUrl);
setFile({ setFile({
name: selectedFile.name, name: selectedFile.name,
progress: 0, progress: 0,
@ -68,7 +72,7 @@ const AvatarUploader: React.FC<AvatarUploaderProps> = ({
compressedUrl: result.compressedUrl, compressedUrl: result.compressedUrl,
})); }));
setUrl(result.url); setUrl(result.url);
setPreviewUrl(result.compressedUrl); setCompressedUrl(result.compressedUrl);
// 直接使用 result 中的最新值 // 直接使用 result 中的最新值
resolve(compressed ? result.compressedUrl : result.url); resolve(compressed ? result.compressedUrl : result.url);
}, },