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

- 修改后端接口，使用 @RequestPart 注解替代 @RequestParam
- 前端调整图片上传逻辑，直接发送 File 对象
- 简化前端上传成功后的处理流程

biji-houdaun/src/main/java/com/test/bijihoudaun/controller/ImageController.java

@@ -6,8 +6,6 @@ import com.test.bijihoudaun.common.response.R;
 import com.test.bijihoudaun.entity.Image;
 import com.test.bijihoudaun.service.ImageService;
 import io.swagger.v3.oas.annotations.Operation;
-import io.swagger.v3.oas.annotations.Parameter;
-import io.swagger.v3.oas.annotations.Parameters;
 import io.swagger.v3.oas.annotations.tags.Tag;
 import jakarta.servlet.http.HttpServletResponse;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -35,7 +33,7 @@ public class ImageController {
     @Operation(summary = "上传图片")
     @PostMapping
     public R<Image> uploadImage(
-            @RequestParam("file") MultipartFile file,
+            @RequestPart("file") MultipartFile file,
             @RequestParam(value = "userId", required = false) Long userId,
             @RequestParam(value = "markdownId", required = false) Long markdownId) {
 

biji-qianduan/src/components/home/NoteEditor.vue

@@ -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();
+        uploadImage(file).then(res => {
-        formData.append('file', file); // 字段名必须是 'file'
+            const url = res.url;
-
-        uploadImage(formData).then(res => {
-          if (res.code === 200) {
-            const url = res.data;
             // 使用 file.name 替代 files.name 保证一致性
             vditor.value.insertValue(`![${file.name}](${url})`);
-          } else {
-            ElMessage.error('图片上传失败');
-          }
         }).catch(() => {
           ElMessage.error('图片上传失败');
         });