From 160d52669360b15c79673222685ed0370bbac99d Mon Sep 17 00:00:00 2001 From: YuanHuakk <1751826683@qq.com> Date: Tue, 10 Oct 2023 15:57:10 +0800 Subject: [PATCH] =?UTF-8?q?fix(custom):=20=E4=BF=AE=E5=A4=8DUpload?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=B8=8A=E4=BC=A0=E6=88=90=E5=8A=9F=E4=BD=86?= =?UTF-8?q?=E6=9C=AA=E5=8F=96=E5=88=B0=E5=80=BC=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Upload.vue | 24 +++++++++++++----------- src/views/goods/add/index.vue | 2 +- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/components/Upload.vue b/src/components/Upload.vue index f5aa00e..ec648ef 100644 --- a/src/components/Upload.vue +++ b/src/components/Upload.vue @@ -6,7 +6,6 @@ :custom-request="customRequest" :multiple="multiple" @before-upload="beforeUpload" - @error="handleError" > 点击上传 @@ -41,10 +40,6 @@ const List = computed({ }, }) -const handleError = () => { - $message.error('上传失败') -} - // 图片上传限制 const beforeUpload = (data) => { if (!(data.file.file?.type === 'image/png' || data.file.file?.type === 'image/jpeg')) { @@ -54,12 +49,19 @@ const beforeUpload = (data) => { return true } -const customRequest = async ({ file, onFinish }) => { - const formData = new FormData() - formData.append('file', file.file) - const res = await api.uploadImg(formData) - $message.success(res.msg) - onFinish(res.data.data) +const customRequest = async ({ file, onFinish, onError }) => { + try { + const formData = new FormData() + formData.append('file', file.file) + const res = await api.uploadImg(formData) + $message.success(res.msg) + file.url = res.data.data + onFinish() + } catch (e) { + onError() + $message.error('上传失败') + throw e + } } diff --git a/src/views/goods/add/index.vue b/src/views/goods/add/index.vue index 4bfcb11..a10c8d3 100644 --- a/src/views/goods/add/index.vue +++ b/src/views/goods/add/index.vue @@ -1,6 +1,6 @@