[add] custom avatar image thumb size

TorzoClub · Jan 6, 2024 · 56c4a12 · 56c4a12
1 parent f7e65ff
commit 56c4a12
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/dashboard/src/components/UploadImageBox.vue b/dashboard/src/components/UploadImageBox.vue
@@ -4,7 +4,7 @@
     drag
     :name="uploadName"
     :headers="headers"
-    :action="uploadUrl"
+    :action="upload_url"
     :show-file-list="false"
     :on-error="uploadError"
     :on-progress="uploadProgress"
@@ -137,9 +137,9 @@
         default: ''
       },
 
-      uploadUrl: {
-        type: String,
-        default: `${process.env.VUE_APP_BASE_API}admin/image/upload`
+      width: {
+        type: Number,
+        default: 0
       },
 
       previewUrl: {
@@ -161,6 +161,17 @@
       percent: 0
     }),
 
+    computed: {
+      upload_url() {
+        const base_url = `${process.env.VUE_APP_BASE_API}admin/image/upload`
+        if (this.width !== 0) {
+          return `${base_url}?width=${this.width}`
+        } else {
+          return base_url
+        }
+      }
+    },
+
     methods: {
       resetUploading() {
         this.uploading = false

diff --git a/dashboard/src/views/member/detail.vue b/dashboard/src/views/member/detail.vue
@@ -20,6 +20,7 @@
         >
           <UploadImageBox
             ref="UploadImageBox"
+            :width="128"
             :preview-url="preview_url"
             @upload-success="uploadSuccess"
           />