优化图片上传逻辑,确保在文件选择和类型检查失败时正确管理上传状态,同时在文件选择成功后设置上传状态为真。

This commit is contained in:
北枳 2025-08-12 21:15:36 +08:00
parent b6bb65eddb
commit f5c9e426c9

View File

@ -212,19 +212,23 @@ export function CharacterTabContent({
}; };
const handleUploadClick = () => { const handleUploadClick = () => {
setIsUploading(true);
fileInputRef.current?.click(); fileInputRef.current?.click();
}; };
const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => { const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
const file = event.target.files?.[0]; const file = event.target.files?.[0];
if (!file) return; if (!file) {
setIsUploading(false);
return;
};
// 检查文件类型 // 检查文件类型
if (!file.type.startsWith('image/')) { if (!file.type.startsWith('image/')) {
alert('请选择图片文件'); alert('请选择图片文件');
setIsUploading(false);
return; return;
} }
setIsUploading(true);
uploadImageToQiniu(file).then((data) => { uploadImageToQiniu(file).then((data) => {
console.log('上传图片成功', data); console.log('上传图片成功', data);