diff --git a/src/api/file/index.ts b/src/api/file/index.ts index c2076a19..0b109772 100644 --- a/src/api/file/index.ts +++ b/src/api/file/index.ts @@ -17,6 +17,22 @@ const FileAPI = { }); }, + /** + * 上传文件 + */ + uploadFile(file: File) { + const formData = new FormData(); + formData.append("file", file); + return request({ + url: "/api/v1/files", + method: "post", + data: formData, + headers: { + "Content-Type": "multipart/form-data", + }, + }); + }, + /** * 删除文件 * diff --git a/src/components/WangEditor/index.vue b/src/components/WangEditor/index.vue index 4ea98f38..883e23c5 100644 --- a/src/components/WangEditor/index.vue +++ b/src/components/WangEditor/index.vue @@ -67,7 +67,7 @@ const editorConfig = ref>({ uploadImage: { customUpload(file: File, insertFn: InsertFnType) { // 上传图片 - FileAPI.upload(file).then((res) => { + FileAPI.uploadFile(file).then((res) => { // 插入图片 insertFn(res.url, res.name, res.url); }); diff --git a/src/views/demo/signature.vue b/src/views/demo/signature.vue index c755921b..dd00ad92 100644 --- a/src/views/demo/signature.vue +++ b/src/views/demo/signature.vue @@ -68,7 +68,7 @@ const handleToFile = async () => { const file = dataURLtoFile(canvas.value.toDataURL(), "签名.png"); if (!file) return; - const data = await FileAPI.upload(file); + const data = await FileAPI.uploadFile(file); handleClearSign(); imgUrl.value = data.url; }; diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue index e36f06b3..999d9f50 100644 --- a/src/views/profile/index.vue +++ b/src/views/profile/index.vue @@ -458,7 +458,7 @@ const handleFileChange = async (event: Event) => { if (file) { // 调用文件上传API try { - const data = await FileAPI.upload(file); + const data = await FileAPI.uploadFile(file); // 更新用户头像 userProfile.value.avatar = data.url; // 更新用户信息