From 4bed7f2d13043b76bd9f7643ddc2385506cf0713 Mon Sep 17 00:00:00 2001 From: feige996 <1020102647@qq.com> Date: Fri, 6 Jun 2025 23:37:44 +0800 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=8A=E4=BC=A0?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=9B=BE=E7=89=87=E6=98=BE=E7=A4=BA=E5=92=8C?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=84=E7=90=86=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修正上传组件中图片显示路径错误的问题，并正确处理上传接口返回的JSON数据 --- src/hooks/useUpload.ts | 6 +++--- src/pages/about/components/upload.vue | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/hooks/useUpload.ts b/src/hooks/useUpload.ts index 7a45163..d5e39cb 100644 --- a/src/hooks/useUpload.ts +++ b/src/hooks/useUpload.ts @@ -103,10 +103,10 @@ export default function useUpload(options: TOptions = {} tempFilePath: tempFilePath, formData, onSuccess: (res) => { - data.value = res - // https://oss.laf.run/ukw0y1-unibest/unibest.f5308ecd-06c3-463b-b3e0-5df08154c7f3.svg + const { data: _data } = JSON.parse(res) + data.value = _data // console.log('上传成功', res) - success?.(res) + success?.(_data) }, onError: (err) => { error.value = err diff --git a/src/pages/about/components/upload.vue b/src/pages/about/components/upload.vue index bd9239e..0f182f0 100644 --- a/src/pages/about/components/upload.vue +++ b/src/pages/about/components/upload.vue @@ -15,7 +15,7 @@ 上传后返回的接口数据： {{ data }} - + From 218d618e0efe251ad4bb60b7252381a0ced21b3d Mon Sep 17 00:00:00 2001 From: feige996 <1020102647@qq.com> Date: Fri, 6 Jun 2025 23:45:39 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix(=E4=B8=8A=E4=BC=A0):=20=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E5=A4=B4=E5=83=8F=E4=B8=8A=E4=BC=A0=E6=88=90=E5=8A=9F?= =?UTF-8?q?=E5=9B=9E=E8=B0=83=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改上传成功回调的参数类型为对象，并正确处理响应数据 统一处理H5和微信端的头像上传成功日志 --- src/pages/mine/index.vue | 10 +++++----- src/utils/uploadFile.ts | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue index 7b093ac..11cbc1e 100644 --- a/src/pages/mine/index.vue +++ b/src/pages/mine/index.vue @@ -110,9 +110,9 @@ const { run } = useUpload( import.meta.env.VITE_UPLOAD_BASEURL, {}, { - onSuccess: (res: string) => { - console.log('头像上传成功', res) - useUserStore().setUserAvatar(res) + onSuccess: (res) => { + console.log('h5头像上传成功', res) + useUserStore().setUserAvatar(res.url) }, }, ) @@ -142,8 +142,8 @@ const onChooseAvatar = (e: any) => { {}, { onSuccess: (res) => { - console.log('头像上传成功', res) - useUserStore().setUserAvatar(res) + console.log('wx头像上传成功', res) + useUserStore().setUserAvatar(res.url) }, }, avatarUrl, diff --git a/src/utils/uploadFile.ts b/src/utils/uploadFile.ts index a266235..6c7f0a1 100644 --- a/src/utils/uploadFile.ts +++ b/src/utils/uploadFile.ts @@ -61,7 +61,7 @@ export interface UploadOptions { /** 上传进度回调函数 */ onProgress?: (progress: number) => void /** 上传成功回调函数 */ - onSuccess?: (res: string) => void + onSuccess?: (res: Record) => void /** 上传失败回调函数 */ onError?: (err: Error | UniApp.GeneralCallbackResult) => void /** 上传完成回调函数（无论成功失败） */ @@ -248,7 +248,7 @@ interface UploadFileOptions { /** 上传进度回调 */ onProgress?: (progress: number) => void /** 上传成功回调 */ - onSuccess?: (res: string) => void + onSuccess?: (res: Record) => void /** 上传失败回调 */ onError?: (err: Error | UniApp.GeneralCallbackResult) => void /** 上传完成回调 */ @@ -291,10 +291,10 @@ function uploadFile({ console.log('上传文件成功:', uploadFileRes) try { // 解析响应数据 - const result = uploadFileRes.data + const { data: _data } = JSON.parse(uploadFileRes.data) // 上传成功 - data.value = result as T - onSuccess?.(result) + data.value = _data as T + onSuccess?.(_data) } catch (err) { // 响应解析错误 console.error('解析上传响应失败:', err)