diff --git a/package-lock.json b/package-lock.json
index 64bee9c..80a71f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "element-plus": "^2.8.2",
         "http-proxy-middleware": "^3.0.2",
         "image-conversion": "^2.1.1",
+        "jszip": "^3.10.1",
         "vue": "^3.2.13",
         "vue-cookies": "^1.8.4",
         "vue-router": "^4.4.3",
@@ -5052,7 +5053,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/cosmiconfig": {
@@ -7075,6 +7075,12 @@
       "integrity": "sha512-hnMOmP7q2jxA+52FZ+wHNhg3fdFRlgfngsQH2JQHEQkafY7tj/8F15e6Rv/RxDegc872jvyaRHwMbkTZK1Cjbg==",
       "license": "MIT"
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -7108,7 +7114,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/ipaddr.js": {
@@ -7295,7 +7300,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/isexe": {
@@ -7454,6 +7458,48 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/jszip/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/jszip/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/jszip/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -7495,6 +7541,15 @@
         "launch-editor": "^2.9.1"
       }
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
@@ -8727,6 +8782,12 @@
         "node": ">=6"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -9556,7 +9617,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/progress-webpack-plugin": {
@@ -10278,6 +10338,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -11289,7 +11355,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/utila": {
diff --git a/package.json b/package.json
index ffb92ec..cbbf564 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "element-plus": "^2.8.2",
     "http-proxy-middleware": "^3.0.2",
     "image-conversion": "^2.1.1",
+    "jszip": "^3.10.1",
     "vue": "^3.2.13",
     "vue-cookies": "^1.8.4",
     "vue-router": "^4.4.3",
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 4aea489..ef044b8 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,9 +1,27 @@
 <template>
     <div class="page-footer">
-        <p>© 2024 Designed by <a class="footer-name" href="https://github.com/MarSeventh" target="_blank">SanyueQi</a> for You!</p>
+        <p>© 2024 Designed by <a class="footer-name" href="https://github.com/MarSeventh" target="_blank">SanyueQi</a> for You!
+            <a :href="footerLink" target="_blank">
+                <font-awesome-icon icon="paper-plane" class="footer-link-icon"/>
+            </a>
+        </p>
     </div>
 </template>
 
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+    name: 'Footer',
+    computed: {
+        ...mapGetters(['userConfig']),
+        footerLink() {
+            return this.userConfig?.footerLink || 'https://sanyue.site'
+        }
+    }
+}
+</script>
+
 <style scoped>
 .page-footer {
    position: fixed;
@@ -21,4 +39,8 @@
     font-weight: bold;
     text-decoration: none;
 }
+.footer-link-icon {
+    color: antiquewhite;
+    margin-left: 5px;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/UploadForm.vue b/src/components/UploadForm.vue
index 55f2498..22da340 100644
--- a/src/components/UploadForm.vue
+++ b/src/components/UploadForm.vue
@@ -59,7 +59,7 @@
                             </el-button-group>
                         </div>
                     </div>
-                    <div class="upload-list-item" v-for="file in fileList" :key="file.name" :span="8">
+                    <div class="upload-list-item" v-for="file in fileList.slice().reverse()" :key="file.name" :span="8">
                         <a :href="file.url" target="_blank">
                             <!-- 判断文件类型是否为视频 -->
                             <video
@@ -172,7 +172,8 @@ watch: {
             if (this.fileList.length > this.fileListLength) {
                 this.$nextTick(() => {
                     setTimeout(() => {
-                        this.$refs.scrollContainer.setScrollTop(this.$refs.scrollContainer.wrapRef.scrollHeight)
+                        // this.$refs.scrollContainer.setScrollTop(this.$refs.scrollContainer.wrapRef.scrollHeight) // 滚动到底部
+                        this.$refs.scrollContainer.setScrollTop(0) // 滚动到顶部
                     }, 100)
                 })
             }
diff --git a/src/views/AdminDashBoard.vue b/src/views/AdminDashBoard.vue
index e98a603..0bf84e9 100644
--- a/src/views/AdminDashBoard.vue
+++ b/src/views/AdminDashBoard.vue
@@ -24,11 +24,31 @@
                         </template>
                     </el-dropdown>
                 </el-tooltip>
-                <el-tooltip :disabled="disableTooltip" content="批量复制" placement="bottom">
-                    <font-awesome-icon icon="link" class="header-icon" :class="{ disabled: selectedFiles.length === 0 }" @click="handleBatchCopy"></font-awesome-icon>
+                <el-tooltip :disabled="disableTooltip" content="全选此页" placement="bottom">
+                    <font-awesome-icon :icon="selectPageIcon" class="header-icon" @click="handleSelectPage"></font-awesome-icon>
                 </el-tooltip>
-                <el-tooltip :disabled="disableTooltip" content="批量删除" placement="bottom">
-                    <font-awesome-icon icon="trash-alt" class="header-icon" :class="{ disabled: selectedFiles.length === 0 }" @click="handleBatchDelete"></font-awesome-icon>
+                <el-tooltip :disabled="disableTooltip" content="批量处理" placement="bottom">
+                    <el-dropdown @command="handleBatchAction" :hide-on-click="false" :disabled="selectedFiles.length === 0">
+                        <span class="el-dropdown-link">
+                            <font-awesome-icon icon="ellipsis-h" class="header-icon" :class="{ disabled: selectedFiles.length === 0 }"></font-awesome-icon>
+                        </span>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item command="copy">
+                                    <font-awesome-icon icon="copy" style="margin-right: 5px;"></font-awesome-icon>
+                                    批量复制
+                                </el-dropdown-item>
+                                <el-dropdown-item command="delete">
+                                    <font-awesome-icon icon="trash-alt" style="margin-right: 5px;"></font-awesome-icon>
+                                    批量删除
+                                </el-dropdown-item>
+                                <el-dropdown-item command="download">
+                                    <font-awesome-icon icon="download" style="margin-right: 5px;"></font-awesome-icon>
+                                    批量下载
+                                </el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
                 </el-tooltip>
                 <el-tooltip :disabled="disableTooltip" content="用户管理" placement="bottom">
                     <font-awesome-icon icon="user-cog" class="header-icon" @click="handleGoToAdmin"></font-awesome-icon>
@@ -141,6 +161,7 @@
 
 <script>
 import { mapGetters } from 'vuex';
+import JSZip from 'jszip';
 
 export default {
 data() {
@@ -156,7 +177,7 @@ data() {
         isUploading: false,
         showdetailDialog: false,
         detailFile: null,
-        activeUrlTab: 'originUrl',
+        activeUrlTab: 'originUrl'
     }
 },
 computed: {
@@ -211,12 +232,19 @@ computed: {
     },
     disableTooltip() {
         return window.innerWidth < 768;
+    },
+    selectPage() {
+        // 如果当前页所有文件都被选中，则返回 true，否则返回 false
+        return this.paginatedTableData.every(file => file.selected);
+    },
+    selectPageIcon() {
+        return this.selectPage ? 'check-square' : 'square';
     }
 },
 watch: {
     tableData: {
         handler(newData) {
-        this.selectedFiles = newData.filter(file => file.selected);
+            this.selectedFiles = newData.filter(file => file.selected);
         },
         deep: true
     },
@@ -464,6 +492,60 @@ methods: {
     handleLogout() {
         this.$store.commit('setCredentials', null);
         this.$router.push('/adminLogin');
+    },
+    handleSelectPage() {
+        if (this.selectPage) {
+            this.paginatedTableData.forEach(file => file.selected = false);
+        } else {
+            this.paginatedTableData.forEach(file => file.selected = true);
+        }
+    },
+    handleBatchAction(command) {
+        if (command === 'copy') {
+            this.handleBatchCopy();
+        } else if (command === 'delete') {
+            this.handleBatchDelete();
+        } else if (command === 'download') {
+            this.handleBatchDownload();
+        }
+    },
+    handleBatchDownload() {
+        // 将选中文件打包成 zip 文件下载
+        const zip = new JSZip();
+        const folder = zip.folder('files');
+        // 构造Promise数组，等待所有文件下载完成后再打包
+        const fileNameCount = {}; // 用于跟踪文件名出现的次数
+
+        const downloadPromises = this.selectedFiles.map(file => {
+            return fetch(`/file/${file.name}`)
+                .then(response => response.blob())
+                .then(blob => {
+                    // 检查文件名是否已经存在
+                    let fileName = file.metadata?.FileName || file.name;
+                    if (fileNameCount[fileName]) {
+                        // 如果已经存在，则在文件名后加上编号
+                        const extension = fileName.substring(fileName.lastIndexOf('.'));
+                        const baseName = fileName.substring(0, fileName.lastIndexOf('.'));
+                        fileName = `${baseName}(${fileNameCount[fileName]})${extension}`;
+                        fileNameCount[file.name]++;
+                    } else {
+                        // 如果不存在，则初始化为1
+                        fileNameCount[fileName] = 1;
+                    }
+
+                    // 将文件添加到 zip 文件夹中
+                    folder.file(fileName, blob);
+                });
+        });
+
+        Promise.all(downloadPromises)
+            .then(() => zip.generateAsync({ type: 'blob' }))
+            .then(blob => {
+                const link = document.createElement('a');
+                link.href = URL.createObjectURL(blob);
+                link.download = 'files.zip';
+                link.click();
+            });
     }
 },
 mounted() {
@@ -807,4 +889,4 @@ mounted() {
 :focus-visible {
     outline: none;
 }
-</style>
+</style>, { file }
diff --git a/src/views/UploadHome.vue b/src/views/UploadHome.vue
index 30ad4ed..86591fa 100644
--- a/src/views/UploadHome.vue
+++ b/src/views/UploadHome.vue
@@ -84,6 +84,8 @@
                     <br/>2.客户端压缩指上传前压缩，服务端压缩指Telegram端压缩
                     <br/>3.若图片大小>10MB，或压缩后图片大小>10MB，服务端压缩将自动失效
                     <br/>4.若图片大小>20MB，将自动进行客户端压缩
+                    <br/>5.若想要存储的图片和原图完全一致，可以将两个压缩设置均设置为关闭
+                    <br/>6.若上传分辨率过大、透明背景等图片，建议关闭服务端压缩，否则可能出现未知问题
                 </p>
                 <div class="dialog-action">
                     <el-button type="primary" @click="showCompressDialog = false">确定</el-button>