浏览代码

上传文件名乱码问题修改

licc 1 月之前
父节点
当前提交
4ac134e41a
共有 1 个文件被更改,包括 12 次插入2 次删除
  1. 12 2
      src/components/upload/index.vue

+ 12 - 2
src/components/upload/index.vue

@@ -7,7 +7,7 @@
             :limit="limit"
             :show-file-list="false"
             :headers="headers"
-            :data="data"
+            :data="uploadData"
             :on-progress="handleProgress"
             :on-success="handleSuccess"
             :on-exceed="handleExceed"
@@ -98,7 +98,16 @@ export default defineComponent({
         const visible = ref(false)
         const fileList = ref<any[]>([])
 
+        // 定义响应式的上传参数
+        const uploadData = ref(props.data)
+
         const beforeUpload: UploadProps['beforeUpload'] = (rawFile: UploadRawFile) => {
+            // 更新上传参数
+            uploadData.value = {
+                ...props.data,
+                fileName: rawFile.name
+            }
+            
             let q = 0.5
             if (rawFile.size > 1000000 && rawFile.size < 5000000) {
                 q = 0.5
@@ -174,7 +183,8 @@ export default defineComponent({
             handleError,
             handleExceed,
             handleClose,
-            beforeUpload
+            beforeUpload,
+            uploadData
         }
     }
 })