图片上传

src/components/Cropper/src/Cropper.vue

@@ -41,6 +41,7 @@
       :title="title"
       confirmButText="确认上传"
       :uploadApi="uploadApi"
+      :name="name"
       :circled="circled"
       @uploadSuccess="handleSuccess"
     />
@@ -62,6 +63,7 @@
     uploadApi: {
       type: Function as PropType<(params) => Promise<any>>,
     },
+    name: { type: String, default: 'name' },
   });
 
   const getWidth = cssUnit(props.width);

src/components/Cropper/src/CropperModal.vue

@@ -179,6 +179,7 @@
     uploadApi: {
       type: Function as PropType<(params) => Promise<any>>,
     },
+    name: { type: String, default: 'name' },
   };
 
   export default defineComponent({
@@ -251,13 +252,14 @@
           return ElMessage.error('请先上传图片');
         }
         const uploadApi = props.uploadApi;
+        const name = props.name
         if (uploadApi && isFunction(uploadApi)) {
           const file = base64ToFile(previewSource.value,filename);
           try {
             setSubLoading(true);
             const formData = new FormData()
             formData.append('file',file)
-            formData.append('name',filename)
+            formData.append('name',name)
             const result = await uploadApi(formData);
             emit('uploadSuccess', result);
             closeModal();

src/views/system/user/edit.vue

@@ -24,6 +24,7 @@
           ref="cropperCircled"
           :src="formData.avatar"
           :uploadApi="upload"
+          name="user"
           title="头像上传"
           @uploadSuccess="uploadSuccess"
         >