diff --git a/admin-imgtc.html b/admin-imgtc.html
index 9aefb581..3665e3ec 100644
--- a/admin-imgtc.html
+++ b/admin-imgtc.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="zh">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -45,7 +46,8 @@
     }
 
     .title:hover {
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
     }
 
     .search-card {
@@ -74,13 +76,16 @@
     }
 
     .stats:hover {
-      background-color: #f0eaf8; /* 使用柔和的淡紫色 */
+      background-color: #f0eaf8;
+      /* 使用柔和的淡紫色 */
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
     }
 
     .stats:hover .fa-database {
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
     }
 
     .header-content .actions {
@@ -97,7 +102,8 @@
     }
 
     .header-content .actions i:hover {
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
       transform: scale(1.2);
     }
 
@@ -106,7 +112,8 @@
     }
 
     .header-content .actions .el-dropdown-link i:hover {
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
     }
 
     .header-content .actions .disabled {
@@ -115,7 +122,8 @@
     }
 
     .header-content .actions .enabled {
-      color: #B39DDB; /* 使用柔和的淡紫色 */
+      color: #B39DDB;
+      /* 使用柔和的淡紫色 */
     }
 
     .search-card .el-input__inner {
@@ -229,6 +237,7 @@
     }
   </style>
 </head>
+
 <body>
   <div id="app">
     <el-container>
@@ -248,8 +257,10 @@
                   <i :class="sortIcon"></i>
                 </span>
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="dateDesc" :class="{ 'el-dropdown-menu__item--selected': sortOption === 'dateDesc' }">按时间倒序</el-dropdown-item>
-                  <el-dropdown-item command="nameAsc" :class="{ 'el-dropdown-menu__item--selected': sortOption === 'nameAsc' }">按名称升序</el-dropdown-item>
+                  <el-dropdown-item command="dateDesc"
+                    :class="{ 'el-dropdown-menu__item--selected': sortOption === 'dateDesc' }">按时间倒序</el-dropdown-item>
+                  <el-dropdown-item command="nameAsc"
+                    :class="{ 'el-dropdown-menu__item--selected': sortOption === 'nameAsc' }">按名称升序</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </el-tooltip>
@@ -257,7 +268,8 @@
               <i class="fas fa-link" :class="{ disabled: selectedFiles.length === 0 }" @click="handleBatchCopy"></i>
             </el-tooltip>
             <el-tooltip content="批量删除" placement="bottom">
-              <i class="fas fa-trash-alt" :class="{ disabled: selectedFiles.length === 0 }" @click="handleBatchDelete"></i>
+              <i class="fas fa-trash-alt" :class="{ disabled: selectedFiles.length === 0 }"
+                @click="handleBatchDelete"></i>
             </el-tooltip>
             <el-tooltip content="退出登录" placement="bottom">
               <i class="fas fa-home" @click="handleLogout"></i>
@@ -270,10 +282,7 @@
           <template v-for="(item, index) in paginatedTableData" :key="index">
             <el-card>
               <el-checkbox v-model="item.selected"></el-checkbox>
-              <el-image
-                :src="'/file/' + item.name"
-                :preview-src-list="['/file/' + item.name]"
-                fit="cover"
+              <el-image :src="'/file/' + item.name" :preview-src-list="['/file/' + item.name]" fit="cover"
                 lazy></el-image>
               <div class="image-overlay">
                 <div class="overlay-buttons">
@@ -286,13 +295,8 @@
           </template>
         </div>
         <div class="pagination-container">
-          <el-pagination
-            background
-            layout="prev, pager, next"
-            :total="filteredTableData.length"
-            :page-size="pageSize"
-            @current-change="handlePageChange"
-            :current-page.sync="currentPage">
+          <el-pagination background layout="prev, pager, next" :total="filteredTableData.length" :page-size="pageSize"
+            @current-change="handlePageChange" :current-page.sync="currentPage">
           </el-pagination>
         </div>
       </el-main>
@@ -428,7 +432,15 @@
       mounted() {
         fetch("./api/manage/check", { method: 'GET', credentials: 'include' })
           .then(response => response.text())
-          .then(result => result === "true" ? this.showLogoutButton = true : window.location.href = "./api/manage/login")
+          .then(result => {
+            if (result == "true") {
+              this.showLogoutButton = true;
+            } else if (result == "Not using basic auth.") {
+              // Do nothing
+            } else {
+              window.location.href = "./api/manage/login";
+            }
+          })
           .catch(() => this.$message.error('同步数据时出错，请检查网络连接'));
 
         fetch("./api/manage/list", { method: 'GET', credentials: 'include' })
@@ -447,4 +459,5 @@
     });
   </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/admin.html b/admin.html
index 10719b68..943e84e0 100644
--- a/admin.html
+++ b/admin.html
@@ -1,64 +1,61 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <!-- import CSS -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/theme-chalk/index.css" integrity="sha256-ghr1zmXTODLKl1HULQd6fq1MIe7m3FJiNTOCT8sddLM=" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/theme-chalk/index.css"
+    integrity="sha256-ghr1zmXTODLKl1HULQd6fq1MIe7m3FJiNTOCT8sddLM=" crossorigin="anonymous">
   <style>
     .el-image__inner.el-image__inner {
       width: 100%;
       height: 90px;
     }
+
     .el-image {
       text-align: center;
     }
+
     .el-button+.el-button {
       margin: 0;
     }
   </style>
   <script src="https://js.sentry-cdn.com/219f636ac7bde5edab2c3e16885cb535.min.js" crossorigin="anonymous"></script>
 </head>
+
 <body>
   <div id="app">
     <el-container>
-        <el-header>
-         <div style="
+      <el-header>
+        <div style="
          margin: auto;
          line-height: 60px;
          font-size: xx-large;
          position: relative;
      ">Dashboard
-     
 
-     <span style="
+
+          <span style="
      position: absolute;
      right: 0px;
-      " v-if="showLogoutButton">
-      <a href="./admin-imgtc.html">
-      <el-button
-      size="mini"
-      type="warning"
-      >网格视图</el-button>
-      </a>
-      <a href="./admin-waterfall.html">
-      <el-button
-      size="mini"
-      type="primary"
-      >瀑布流</el-button>
-      </a>
-      <el-button
-                    size="mini"
-                    type="info"
-                    @click="handleLogout()">退出登录</el-button></span></div> 
-        </el-header>
-        <el-main><el-row :gutter="12">
-            <el-col :span="24">
-              <el-card shadow="always">
-                记录总数量:
-                {{ Number }} 
-              </el-card>
-            </el-col>
-            <!--<el-col :span="8">
+      ">
+            <a href="./admin-imgtc.html">
+              <el-button size="mini" type="warning">网格视图</el-button>
+            </a>
+            <a href="./admin-waterfall.html">
+              <el-button size="mini" type="primary">瀑布流</el-button>
+            </a>
+            <el-button v-if="showLogoutButton" size="mini" type="info" @click="handleLogout()">退出登录</el-button></span>
+        </div>
+      </el-header>
+      <el-main><el-row :gutter="12">
+          <el-col :span="24">
+            <el-card shadow="always">
+              记录总数量:
+              {{ Number }}
+            </el-card>
+          </el-col>
+          <!--<el-col :span="8">
               <el-card shadow="hover">
                 <el-tooltip class="item" effect="dark" content="白名单数量" placement="top-start">
                    
@@ -74,39 +71,24 @@
               黑名单数量：{{ BlackList }}
               </el-card>
             </el-col>-->
-          </el-row>
-          <template>
-            <el-table
-              :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
-              style="width: 100%">
-              <el-table-column
-                label="name"
-                prop="name">
-              </el-table-column>
-              <el-table-column
-                label="preview"
-                prop="preview"
-                align="center">
-                <template slot-scope="scope">
-                  <video v-if="scope.row.name.indexOf('.mp4')>0" style="width: 100%; height: 180px;" controls>
-                    <source :src="'/file/'+scope.row.name" type="video/mp4">
-                  </video>
-                  <el-image
-                    v-else
-                    style="width: 100%; height: 100%;"
-                    :src="'/file/'+scope.row.name"
-                    :zoom-rate="1.2"
-                    :preview-src-list="['/file/'+scope.row.name]"
-                    fit="cover"
-                    lazy
-                  />
+        </el-row>
+        <template>
+          <el-table :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
+            style="width: 100%">
+            <el-table-column label="name" prop="name">
+            </el-table-column>
+            <el-table-column label="preview" prop="preview" align="center">
+              <template slot-scope="scope">
+                <video v-if="scope.row.name.indexOf('.mp4')>0" style="width: 100%; height: 180px;" controls>
+                  <source :src="'/file/'+scope.row.name" type="video/mp4">
+                </video>
+                <el-image v-else style="width: 100%; height: 100%;" :src="'/file/'+scope.row.name" :zoom-rate="1.2"
+                  :preview-src-list="['/file/'+scope.row.name]" fit="cover" lazy />
 
-                </template>
-              </el-table-column>
-              <el-table-column
-                label="data"
-                prop="data">
-                <template slot-scope="scope">
+              </template>
+            </el-table-column>
+            <el-table-column label="data" prop="data">
+              <template slot-scope="scope">
                 <el-popover trigger="hover" placement="top">
                   <p>{{ scope.row.metadata }}</p>
                   <div slot="reference" class="name-wrapper">
@@ -114,156 +96,144 @@
                   </div>
                 </el-popover>
               </template>
-              </el-table-column>
-              <el-table-column
-              align="right">
-                <template slot="header" slot-scope="scope">
-                  <el-input
-                    v-model="search"
-                    size="mini"
-                    placeholder="输入关键字搜索"/>
-                </template>
-                <template slot-scope="scope">
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    @click="handleCopy(scope.$index,scope.row.name)">复制地址</el-button>
-                  <el-button
-                    size="mini"
-                    type="primary"
-                    @click="handleWhite(scope.$index,scope.row.name)">白名单</el-button>
-                  <el-button
-                    size="mini"
-                    type="info"
-                    @click="handleBlock(scope.$index,scope.row.name)">黑名单</el-button>
-                    <el-button
-                    size="mini"
-                    type="danger"
-                    @click="handleDelete(scope.$index,scope.row.name)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </template>
-        </el-main>
+            </el-table-column>
+            <el-table-column align="right">
+              <template slot="header" slot-scope="scope">
+                <el-input v-model="search" size="mini" placeholder="输入关键字搜索" />
+              </template>
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="handleCopy(scope.$index,scope.row.name)">复制地址</el-button>
+                <el-button size="mini" type="primary" @click="handleWhite(scope.$index,scope.row.name)">白名单</el-button>
+                <el-button size="mini" type="info" @click="handleBlock(scope.$index,scope.row.name)">黑名单</el-button>
+                <el-button size="mini" type="danger" @click="handleDelete(scope.$index,scope.row.name)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-main>
     </el-container>
   </div>
 </body>
-  <!-- import Vue before Element -->
-  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js" integrity="sha256-kXTEJcRFN330VirZFl6gj9+UM6gIKW195fYZeR3xDhc=" crossorigin="anonymous"></script>
-  <!-- import JavaScript -->
-  <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/index.js" integrity="sha256-OFVFYfqhQ9nDnKh+NfIsefpy/fnjTwkK909ZYgo45nw=" crossorigin="anonymous"></script>
-  <script>
-    var app=new Vue({
-      el: '#app',
-      data: {
-        Number:0,
-        WhiteList:0,
-        BlackList:0,
-        showLogoutButton:false,
-        tableData: [],
-        dialogFormVisible: false,
-        formLabelWidth: '120px',
-        form: {
-          name: '',
-          id: ''
-        },
-        search: '',
-        password:'123456'
+<!-- import Vue before Element -->
+<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"
+  integrity="sha256-kXTEJcRFN330VirZFl6gj9+UM6gIKW195fYZeR3xDhc=" crossorigin="anonymous"></script>
+<!-- import JavaScript -->
+<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/index.js"
+  integrity="sha256-OFVFYfqhQ9nDnKh+NfIsefpy/fnjTwkK909ZYgo45nw=" crossorigin="anonymous"></script>
+<script>
+  var app = new Vue({
+    el: '#app',
+    data: {
+      Number: 0,
+      WhiteList: 0,
+      BlackList: 0,
+      showLogoutButton: false,
+      tableData: [],
+      dialogFormVisible: false,
+      formLabelWidth: '120px',
+      form: {
+        name: '',
+        id: ''
       },
-      methods: {
-      handleBlock(index,key) {
+      search: '',
+      password: '123456'
+    },
+    methods: {
+      handleBlock(index, key) {
         console.log(key);
         if (confirm("确认加入黑名单吗?")) {
-        console.log("Yes")
-        var requestOptions = {
-          method: 'GET',
-          redirect: 'follow',
-          //include authorization credientials
-          credentials: 'include'
-        };
+          console.log("Yes")
+          var requestOptions = {
+            method: 'GET',
+            redirect: 'follow',
+            //include authorization credientials
+            credentials: 'include'
+          };
+
+          fetch("./api/manage/block/" + key, requestOptions)
+            .then(response => response.text())
+            .then(result => {
+              console.log(result);
+              this.tableData[index].metadata = result;
+            })
+            .catch(error => { alert("An error occurred while synchronizing data with the server, please check the network connection"); console.log('error', error) });
 
-        fetch("./api/manage/block/"+key, requestOptions)
-          .then(response => response.text())
-          .then(result => {console.log(result);
-            this.tableData[index].metadata=result;})
-          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
-        
         } else {
-        console.log("No")
-      }
-    },
-    handleDelete(index,key) {
+          console.log("No")
+        }
+      },
+      handleDelete(index, key) {
         console.log(key);
         if (confirm("确认删除该条记录吗?")) {
-        console.log("Yes")
-        var requestOptions = {
-          method: 'GET',
-          redirect: 'follow',
-          //include authorization credientials
-          credentials: 'include'
-        };
+          console.log("Yes")
+          var requestOptions = {
+            method: 'GET',
+            redirect: 'follow',
+            //include authorization credientials
+            credentials: 'include'
+          };
+
+          fetch("./api/manage/delete/" + key, requestOptions)
+            .then(response => response.text())
+            .then(result => { console.log(result); this.tableData.remove(index); })
+            .catch(error => { alert("An error occurred while synchronizing data with the server, please check the network connection"); console.log('error', error) });
 
-        fetch("./api/manage/delete/"+key, requestOptions)
-          .then(response => response.text())
-          .then(result => {console.log(result);this.tableData.remove(index);})
-          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
-        
         } else {
-        console.log("No")
-      }
-    },
-    handleWhite(index,key) {
-      console.log(key);
-      if (confirm("确认加入白名单吗?")) {
-      console.log("Yes")
-      var requestOptions = {
-        method: 'GET',
-        redirect: 'follow',
-        //include authorization credientials
-        credentials: 'include'
-      };
-      fetch("./api/manage/white/"+key, requestOptions)
-          .then(response => response.text())
-          .then(result => {console.log(result);this.tableData[index].metadata=result;})
-          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
-        
+          console.log("No")
+        }
+      },
+      handleWhite(index, key) {
+        console.log(key);
+        if (confirm("确认加入白名单吗?")) {
+          console.log("Yes")
+          var requestOptions = {
+            method: 'GET',
+            redirect: 'follow',
+            //include authorization credientials
+            credentials: 'include'
+          };
+          fetch("./api/manage/white/" + key, requestOptions)
+            .then(response => response.text())
+            .then(result => { console.log(result); this.tableData[index].metadata = result; })
+            .catch(error => { alert("An error occurred while synchronizing data with the server, please check the network connection"); console.log('error', error) });
+
         } else {
-        console.log("No")
-      }
+          console.log("No")
+        }
 
       },
-      handleLogout(){
-        window.location.href="./api/manage/logout";
+      handleLogout() {
+        window.location.href = "./api/manage/logout";
       },
       handleCopy(index, key) {
         const text = `${document.location.origin}/file/${key}`;
         if (navigator.clipboard) {
-            // clipboard api 复制
-            navigator.clipboard.writeText(text);
+          // clipboard api 复制
+          navigator.clipboard.writeText(text);
         } else {
-            const textarea = document.createElement('textarea');
-            document.body.appendChild(textarea);
-            // 隐藏此输入框
-            textarea.style.position = 'fixed';
-            textarea.style.clip = 'rect(0 0 0 0)';
-            textarea.style.top = '10px';
-            // 赋值
-            textarea.value = text;
-            // 选中
-            textarea.select();
-            // 复制
-            document.execCommand('copy', true);
-            // 移除输入框
-            document.body.removeChild(textarea);
+          const textarea = document.createElement('textarea');
+          document.body.appendChild(textarea);
+          // 隐藏此输入框
+          textarea.style.position = 'fixed';
+          textarea.style.clip = 'rect(0 0 0 0)';
+          textarea.style.top = '10px';
+          // 赋值
+          textarea.value = text;
+          // 选中
+          textarea.select();
+          // 复制
+          document.execCommand('copy', true);
+          // 移除输入框
+          document.body.removeChild(textarea);
         }
         this.$message({
-            message: '复制文件链接成功~',
-            type: 'success'
+          message: '复制文件链接成功~',
+          type: 'success'
         });
       },
     },
-      
-    mounted () {
+
+    mounted() {
       //check if the user is logged in
       //read the basic auth credientials from the browser
       var requestOptions = {
@@ -274,68 +244,70 @@
       };
       fetch("./api/manage/check", requestOptions)
         .then(response => response.text())
-        .then(result => {console.log(result);
-          if(result=="true"){
-            this.showLogoutButton=true;
-          }else if(result=="Not using basic auth."){
-            
+        .then(result => {
+          console.log(result);
+          if (result == "true") {
+            this.showLogoutButton = true;
+          } else if (result == "Not using basic auth.") {
+
           }
-          else{
-            window.location.href="./api/manage/login";
+          else {
+            window.location.href = "./api/manage/login";
           }
         })
-        .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+        .catch(error => { alert("An error occurred while synchronizing data with the server, please check the network connection"); console.log('error', error) });
 
 
 
-      Array.prototype.remove = function(from, to) {
+      Array.prototype.remove = function (from, to) {
         var rest = this.slice((to || from) + 1 || this.length);
         this.length = from < 0 ? this.length + from : from;
         return this.push.apply(this, rest);
       };
       var requestOptions = {
-  method: 'GET',
-  redirect: 'follow',
-  //include authorization credientials
-  credentials: 'include'
-  
-};
+        method: 'GET',
+        redirect: 'follow',
+        //include authorization credientials
+        credentials: 'include'
 
+      };
+
+
+      fetch("./api/manage/list", requestOptions)
+        //判断是否需要登录
+        .then(response => {
+          if (response.status == 401) {
+            alert("请先登录");
+            window.location.href = "./api/manage/login";
+          }
+          else {
+            return response;
+          }
+        })
+        .then(response => response.text())
+        .then(result => { this.tableData = JSON.parse(result); console.log(result); this.Number = this.tableData.length })
+        .catch(error => { alert("An error occurred while synchronizing data with the server, please check the network connection"); console.log('error', error) });
 
-fetch("./api/manage/list", requestOptions)
-  //判断是否需要登录
-  .then(response => {
-    if(response.status==401){
-      alert("请先登录");
-      window.location.href="./api/manage/login";
-    }
-    else{
-      return response;
     }
   })
-  .then(response => response.text()) 
-  .then(result => {this.tableData=JSON.parse(result);console.log(result);this.Number=this.tableData.length})
-  .catch(error => {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
 
-    }
-    })
-    
-  </script><!-- Hotjar Tracking Code -->
+</script><!-- Hotjar Tracking Code -->
 <script>
-    (function(h,o,t,j,a,r){
-        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-        h._hjSettings={hjid:2531461,hjsv:6};
-        a=o.getElementsByTagName('head')[0];
-        r=o.createElement('script');r.async=1;
-        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-        a.appendChild(r);
-    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+    (function (h, o, t, j, a, r) {
+      h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
+      h._hjSettings = { hjid: 2531461, hjsv: 6 };
+      a = o.getElementsByTagName('head')[0];
+      r = o.createElement('script'); r.async = 1;
+      r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+      a.appendChild(r);
+    })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
 </script>
 <script type="text/javascript">
-  (function(c,l,a,r,i,t,y){
-      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
-      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
-      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+  (function (c, l, a, r, i, t, y) {
+    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
+    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
+    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
   })(window, document, "clarity", "script", "7t5ai7agat");
 </script>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/functions/file/[id].js b/functions/file/[id].js
index ee10df7d..ba2c6a71 100644
--- a/functions/file/[id].js
+++ b/functions/file/[id].js
@@ -9,103 +9,145 @@ export async function onRequest(context) {  // Contents of context object
     } = context;
 
     const url = new URL(request.url);
-    
-    const response = fetch('https://telegra.ph/' + url.pathname + url.search, {
+    let fileUrl = 'https://telegra.ph/' + url.pathname + url.search
+    if (url.pathname.length > 39) {
+        const formdata = new FormData();
+        formdata.append("file_id", url.pathname);
+
+        const requestOptions = {
+            method: "POST",
+            body: formdata,
+            redirect: "follow"
+        };
+        // /file/AgACAgEAAxkDAAMDZt1Gzs4W8dQPWiQJxO5YSH5X-gsAAt-sMRuWNelGOSaEM_9lHHgBAAMCAANtAAM2BA.png
+        //get the AgACAgEAAxkDAAMDZt1Gzs4W8dQPWiQJxO5YSH5X-gsAAt-sMRuWNelGOSaEM_9lHHgBAAMCAANtAAM2BA
+        console.log(url.pathname.split(".")[0].split("/")[2])
+        const filePath = await getFilePath(env, url.pathname.split(".")[0].split("/")[2]);
+        console.log(filePath)
+        fileUrl = `https://api.telegram.org/file/bot${env.TG_Bot_Token}/${filePath}`;  
+
+    }
+
+    const response = await fetch(fileUrl, {
         method: request.method,
         headers: request.headers,
         body: request.body,
-    }).then(async (response) => {
-        console.log(response.ok); // true if the response status is 2xx
-        console.log(response.status); // 200
-        if (response.ok) {
-            // Referer header equal to the admin page
-            console.log(url.origin + "/admin")
-            if (request.headers.get('Referer') == url.origin + "/admin") {
-                //show the image
-                return response;
-            }
+    })
+    console.log(response.ok); // true if the response status is 2xx
+    console.log(response.status); // 200
+    if (response.ok) {
+        // Referer header equal to the admin page
+        console.log(url.origin + "/admin")
+        if (request.headers.get('Referer') == url.origin + "/admin") {
+            //show the image
+            return response;
+        }
 
-            if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") { } else {
-                //check the record from kv
-                const record = await env.img_url.getWithMetadata(params.id);
-                console.log("record")
-                console.log(record)
-                if (record.metadata === null) {
+        if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") { } else {
+            //check the record from kv
+            const record = await env.img_url.getWithMetadata(params.id);
+            console.log("record")
+            console.log(record)
+            if (record.metadata === null) {
 
-                } else {
+            } else {
 
-                    //if the record is not null, redirect to the image
-                    if (record.metadata.ListType == "White") {
-                        return response;
-                    } else if (record.metadata.ListType == "Block") {
-                        console.log("Referer")
-                        console.log(request.headers.get('Referer'))
-                        if (typeof request.headers.get('Referer') == "undefined" || request.headers.get('Referer') == null || request.headers.get('Referer') == "") {
-                            return Response.redirect(url.origin + "/block-img.html", 302)
-                        } else {
-                            return Response.redirect("https://static-res.pages.dev/teleimage/img-block-compressed.png", 302)
-                        }
-
-                    } else if (record.metadata.Label == "adult") {
-                        if (typeof request.headers.get('Referer') == "undefined" || request.headers.get('Referer') == null || request.headers.get('Referer') == "") {
-                            return Response.redirect(url.origin + "/block-img.html", 302)
-                        } else {
-                            return Response.redirect("https://static-res.pages.dev/teleimage/img-block-compressed.png", 302)
-                        }
+                //if the record is not null, redirect to the image
+                if (record.metadata.ListType == "White") {
+                    return response;
+                } else if (record.metadata.ListType == "Block") {
+                    console.log("Referer")
+                    console.log(request.headers.get('Referer'))
+                    if (typeof request.headers.get('Referer') == "undefined" || request.headers.get('Referer') == null || request.headers.get('Referer') == "") {
+                        return Response.redirect(url.origin + "/block-img.html", 302)
+                    } else {
+                        return Response.redirect("https://static-res.pages.dev/teleimage/img-block-compressed.png", 302)
                     }
-                    //check if the env variables WhiteList_Mode are set
-                    console.log("env.WhiteList_Mode:", env.WhiteList_Mode)
-                    if (env.WhiteList_Mode == "true") {
-                        //if the env variables WhiteList_Mode are set, redirect to the image
-                        return Response.redirect(url.origin + "/whitelist-on.html", 302);
+
+                } else if (record.metadata.Label == "adult") {
+                    if (typeof request.headers.get('Referer') == "undefined" || request.headers.get('Referer') == null || request.headers.get('Referer') == "") {
+                        return Response.redirect(url.origin + "/block-img.html", 302)
                     } else {
-                        //if the env variables WhiteList_Mode are not set, redirect to the image
-                        return response;
+                        return Response.redirect("https://static-res.pages.dev/teleimage/img-block-compressed.png", 302)
                     }
                 }
-
+                //check if the env variables WhiteList_Mode are set
+                console.log("env.WhiteList_Mode:", env.WhiteList_Mode)
+                if (env.WhiteList_Mode == "true") {
+                    //if the env variables WhiteList_Mode are set, redirect to the image
+                    return Response.redirect(url.origin + "/whitelist-on.html", 302);
+                } else {
+                    //if the env variables WhiteList_Mode are not set, redirect to the image
+                    return response;
+                }
             }
 
-            //get time
-            let time = new Date().getTime();
+        }
 
-            let apikey = env.ModerateContentApiKey
+        //get time
+        let time = new Date().getTime();
 
-            if (typeof apikey == "undefined" || apikey == null || apikey == "") {
+        let apikey = env.ModerateContentApiKey
 
-                if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") {
-                    console.log("Not enbaled KV")
+        if (typeof apikey == "undefined" || apikey == null || apikey == "") {
 
-                } else {
-                    //add image to kv
-                    await env.img_url.put(params.id, "", {
-                        metadata: { ListType: "None", Label: "None", TimeStamp: time },
-                    });
+            if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") {
+                console.log("Not enbaled KV")
 
-                }
             } else {
-                await fetch(`https://api.moderatecontent.com/moderate/?key=` + apikey + `&url=https://telegra.ph/` + url.pathname + url.search).
-                    then(async (response) => {
-                        let moderate_data = await response.json();
-                        console.log(moderate_data)
-                        console.log("---env.img_url---")
-                        console.log(env.img_url == "true")
-                        if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") { } else {
-                            //add image to kv
-                            await env.img_url.put(params.id, "", {
-                                metadata: { ListType: "None", Label: moderate_data.rating_label, TimeStamp: time },
-                            });
-                        }
-                        if (moderate_data.rating_label == "adult") {
-                            return Response.redirect(url.origin + "/block-img.html", 302)
-                        }
-                    });
+                //add image to kv
+                await env.img_url.put(params.id, "", {
+                    metadata: { ListType: "None", Label: "None", TimeStamp: time },
+                });
 
             }
-        }
-        return response;
-    });
+        } else {
+            await fetch(`https://api.moderatecontent.com/moderate/?key=` + apikey + `&url=${fileUrl}`).
+                then(async (response) => {
+                    let moderate_data = await response.json();
+                    console.log(moderate_data)
+                    console.log("---env.img_url---")
+                    console.log(env.img_url == "true")
+                    if (typeof env.img_url == "undefined" || env.img_url == null || env.img_url == "") { } else {
+                        //add image to kv
+                        await env.img_url.put(params.id, "", {
+                            metadata: { ListType: "None", Label: moderate_data.rating_label, TimeStamp: time },
+                        });
+                    }
+                    if (moderate_data.rating_label == "adult") {
+                        return Response.redirect(url.origin + "/block-img.html", 302)
+                    }
+                });
 
+        }
+    }
     return response;
 
 }
+
+async function getFilePath(env, file_id) {
+    try {
+        const url = `https://api.telegram.org/bot${env.TG_Bot_Token}/getFile?file_id=${file_id}`;
+        const res = await fetch(url, {
+            method: 'GET',
+        });
+
+        if (!res.ok) {
+            console.error(`HTTP error! status: ${res.status}`);
+            return null;
+        }
+
+        const responseData = await res.json();
+        const { ok, result } = responseData;
+
+        if (ok && result) {
+            return result.file_path;
+        } else {
+            console.error('Error in response data:', responseData);
+            return null;
+        }
+    } catch (error) {
+        console.error('Error fetching file path:', error.message);
+        return null;
+    }
+}
\ No newline at end of file
diff --git a/functions/upload.js b/functions/upload.js
index 15471540..e0e3d7a0 100644
--- a/functions/upload.js
+++ b/functions/upload.js
@@ -9,13 +9,69 @@ export async function onRequestPost(context) {  // Contents of context object
         data, // arbitrary space for passing data between middlewares 
     } = context;
     const clonedRequest = request.clone();
+    const formData = await clonedRequest.formData();
     await errorHandling(context);
     telemetryData(context);
-    const url = new URL(clonedRequest.url);
-    const response = fetch('https://telegra.ph/' + url.pathname + url.search, {
-        method: clonedRequest.method,
-        headers: clonedRequest.headers,
-        body: clonedRequest.body,
-    });
-    return response;
+    const uploadFile = formData.get('file');
+    if (!uploadFile) {
+        return new Response('No file uploaded', { status: 400 });
+    }
+
+    const fileName = uploadFile.name;
+    const fileExtension = fileName.split('.').pop().toLowerCase();
+
+    const formdata = new FormData();
+    formdata.append("chat_id", env.TG_Chat_ID);  
+    formdata.append("photo", uploadFile);
+
+    const requestOptions = {
+        method: "POST",
+        body: formdata,
+        redirect: "follow"
+    };
+    const response = await fetch(`https://api.telegram.org/bot${env.TG_Bot_Token}/sendPhoto`, requestOptions)
+    const file = getFile(await response.json());
+    if (response.ok) {
+        return new Response(
+            JSON.stringify([{ 'src': `/file/${file.file_id}.${fileExtension}` }]), 
+            {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            }
+        );
+    }else{
+        return response;
+    }
+}
+
+function getFile(response) {
+    try {
+        if (!response.ok) {
+            return null;
+        }
+
+        const getFileDetails = (file) => ({
+            file_id: file.file_id,
+            file_name: file.file_name || file.file_unique_id
+        });
+
+        const fileTypes = ['photo', 'video', 'document'];
+
+        for (const type of fileTypes) {
+            if (response.result[type]) {
+                if (type === 'photo') {
+                    const largestPhoto = response.result.photo.reduce((prev, current) =>
+                        (prev.file_size > current.file_size) ? prev : current
+                    );
+                    return getFileDetails(largestPhoto);
+                }
+                return getFileDetails(response.result[type]);
+            }
+        }
+
+        return null;
+    } catch (error) {
+        console.error('Error getting file id:', error.message);
+        return null;
+    }
 }
diff --git a/package.json b/package.json
index 20d07d79..784300a4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "scripts": {
-    "ci-test": "concurrently --kill-others \"npm start\" \"wait-on http://localhost:8080 && mocha\"",
+    "ci-test": "concurrently --kill-others --success first \"npm start\" \"wait-on http://localhost:8080 && mocha --exit\"",
     "test": "mocha",
     "start": "npx wrangler pages dev ./ --kv \"img_url\" --port 8080 --binding BASIC_USER=admin --binding BASIC_PASS=123 --persist-to ./data"
   },
