examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: 优化假数据上传逻辑，简化响应处理并添加调试信息
All checks were successful
/ build-and-deploy-to-vercel (push) Successful in 1m39s
Details
/ depcheck (push) Successful in 1m36s
Details
/ playwright (push) Successful in 1m59s
Details

Browse Source
This commit is contained in:
严浩
2024-12-16 00:54:28 +08:00
parent 5f0eaa2579
commit 511f07f778
2 changed files with 4 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/primevue/upload-demo.vue
View File

@ -27,12 +27,6 @@ const fileUploadRef = useTemplateRef<FileUploadInst>('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';