refactor(image): 优化图片上传功能

- 修改后端接口,使用 @RequestPart 注解替代 @RequestParam
- 前端调整图片上传逻辑,直接发送 File 对象
- 简化前端上传成功后的处理流程
This commit is contained in:
2025-08-14 16:19:13 +08:00
parent f5e9ca7257
commit 49eba5ee96
3 changed files with 4 additions and 13 deletions

View File

@@ -62,20 +62,13 @@ const initVditor = () => {
upload: {
accept: 'image/*',
handler(files) {
const file = files; // 必须是 File 对象,而不是 FileList
const file = files[0];
if (!file) return;
const formData = new FormData();
formData.append('file', file); // 字段名必须是 'file'
uploadImage(formData).then(res => {
if (res.code === 200) {
const url = res.data;
uploadImage(file).then(res => {
const url = res.url;
// 使用 file.name 替代 files.name 保证一致性
vditor.value.insertValue(`![${file.name}](${url})`);
} else {
ElMessage.error('图片上传失败');
}
}).catch(() => {
ElMessage.error('图片上传失败');
});