From 511f07f77874467500c20c1355b3320abc0870cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <37316281+yanhao98@users.noreply.github.com> Date: Mon, 16 Dec 2024 00:54:28 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=81=87=E6=95=B0?= =?UTF-8?q?=E6=8D=AE=E4=B8=8A=E4=BC=A0=E9=80=BB=E8=BE=91=EF=BC=8C=E7=AE=80?= =?UTF-8?q?=E5=8C=96=E5=93=8D=E5=BA=94=E5=A4=84=E7=90=86=E5=B9=B6=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=B0=83=E8=AF=95=E4=BF=A1=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- fake/upload.fake.ts | 12 ++---------- src/components/primevue/upload-demo.vue | 12 ++---------- 2 files changed, 4 insertions(+), 20 deletions(-) diff --git a/fake/upload.fake.ts b/fake/upload.fake.ts index 756616f..18eb3aa 100644 --- a/fake/upload.fake.ts +++ b/fake/upload.fake.ts @@ -7,19 +7,11 @@ export default defineFakeRoute([ timeout: 2000, method: 'POST', url: '/fake/upload', - /* response: (_, __, res) => { - fail = !fail; - if (fail) { - res.statusCode = 500; - return { - error: 'Upload failed', - }; - } - + response: () => { return { url: 'https://picsum.photos/200/300', }; - }, */ + }, rawResponse(req, res) { fail = !fail; if (fail) { diff --git a/src/components/primevue/upload-demo.vue b/src/components/primevue/upload-demo.vue index f08d13e..9675938 100644 --- a/src/components/primevue/upload-demo.vue +++ b/src/components/primevue/upload-demo.vue @@ -27,12 +27,6 @@ const fileUploadRef = useTemplateRef('fileUploadRef'); const onUploader = (event: FileUploadUploaderEvent) => { console.debug(`event.files :>> `, event.files); const files = event.files as FileExt[]; - // console.debug(`fileUploadRef.value :>> `, fileUploadRef.value); - // console.debug(`fileUploadRef.value!.uploadedFileCount :>> `, fileUploadRef.value!.uploadedFileCount); - // console.debug(`fileUploadRef.value!.uploadedFiles :>> `, fileUploadRef.value!.uploadedFiles); - // console.debug(`fileUploadRef.value!.files :>> `, fileUploadRef.value!.files); - // console.debug(`fileUploadRef.value!.hasFiles :>> `, fileUploadRef.value!.hasFiles); - for (const file of files) { fileUploadRef.value!.uploadedFiles.push({ rawFile: file, @@ -45,12 +39,9 @@ const onUploader = (event: FileUploadUploaderEvent) => { formData.append('file', file); axios .post('/fake-api/fake/upload', formData, { - headers: { - 'Content-Type': 'multipart/form-data', - }, + headers: { 'Content-Type': 'multipart/form-data' }, onUploadProgress: (e) => { const progress = Math.round((e.loaded * 100) / (e.total || 1)); - console.debug(`progress :>> `, progress); const item = fileUploadRef.value!.uploadedFiles.find((f) => f.rawFile === file); if (item) { item.progress = progress; @@ -58,6 +49,7 @@ const onUploader = (event: FileUploadUploaderEvent) => { }, }) .then((res) => { + console.debug(`res :>> `, res); const item = fileUploadRef.value!.uploadedFiles.find((f) => f.rawFile === file); if (item) { item.status = 'uploaded';