From 46b9fb929639fe48a25becb808fc0fd9df6a1e32 Mon Sep 17 00:00:00 2001
From: BingoKingo <h6h4m123@yeah.net>
Date: Thu, 25 Feb 2021 15:07:50 +0800
Subject: [PATCH] tfo theme 20210224

repush.
---
 theme/tfo.html | 383 +++++++++++++++++++++++++++++--------------------
 1 file changed, 224 insertions(+), 159 deletions(-)

diff --git a/theme/tfo.html b/theme/tfo.html
index ce5252f..1dc66fe 100644
--- a/theme/tfo.html
+++ b/theme/tfo.html
@@ -19,7 +19,6 @@
     <meta charset=utf-8>
     <meta http-equiv=X-UA-Compatible content="IE=edge">
     <meta name=viewport content="width=device-width,initial-scale=1;minimum-scale=1,maximum-scale=1,user-scalable=no,initial-scale=1">
-    <meta name="referrer" content="no-referrer">
     <meta name="keywords" content="<!--Keywords-->">
     <meta name="description" content="Power by Tfo's Theme for OneManager-php" />
     <link rel="icon" href="<!--base_path-->favicon.ico" type="image/x-icon">
@@ -29,23 +28,21 @@
         a{color:#24292e;cursor:pointer;text-decoration:none;white-space:nowrap;}
         ion-icon{font-size:20px;vertical-align:middle;}
         .changelanguage{position:absolute;right:5px;display:none;}
-        .title{text-align:center;margin:1rem auto;letter-spacing:1px;margin-bottom:2rem;text-shadow:0 1px 15px rgba(27,31,35,1);text-decoration:none;transition-duration:0.3s;border:1px solid rgba(27,31,35,0);height:10px;padding:16px 16px;overflow:hidden;width:fit-content;border-radius:36px;}
+        .title{text-align:center;margin:0 auto 1rem;letter-spacing:1px;text-shadow:0 1px 15px rgba(27,31,35,1);text-decoration:none;transition-duration:0.3s;border:1px solid rgba(27,31,35,0);height:10px;padding:16px 16px;overflow:hidden;width:fit-content;border-radius:36px;}
         .title:hover{text-shadow:0 1px 15px rgba(27,31,35,0);background-color:rgba(200,200,200,.6);box-shadow:0 1px 15px rgba(27,31,35,.15);}
         .title a{color:#FFFFFF;text-decoration:none;}
-        .list-wrapper{width:88%;margin:0 auto 10px;position:relative;border-radius:6px;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);}
-        .list-container{position:relative;overflow:hidden;border-radius:6px;}        .list-header-container{position:relative}
-        .list-header-container{position:relative}
-        .list-header-container a.back-link{color:#000000;display:inline-block;position:absolute;font-size:16px;margin:20px 10px;vertical-align:middle;text-decoration:none;padding:19px 19px;}
-        .list-container,.list-header-container,.list-wrapper,a.back-link:hover,body{color:#24292e}
-        .table-header{margin:0;border:0 none;padding:16px 24px;text-align:left;font-weight:400;word-break:break-all;word-wrap:break-word;color:#24292e;background-color:rgba(245,245,245,0.3);line-height:1.3;font-size:18px}
-        .list-body-container{position:relative;left:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:rgba(245,245,245,0.6)}
-        .more-disk{margin:0;border:0 none;font-weight:400;color:#000;padding:12px 12px;text-align:center;background-color:rgba(245,245,245,0.3);line-height:32px;box-shadow:0 1px 8px rgba(27,31,35,0.8);}
+        .list-wrapper{width:88%;margin:0 auto 10px;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);}    
+        .list-header-container{overflow:hidden;background:linear-gradient(to right,rgb(3,102,214,0.9),rgba(3,102,214,0.3))}
+        .list-body-container,.list-header-container,.list-wrapper,body{color:#24292e}
+        .table-header{margin:0;border:0 none;padding:16px 24px;text-align:left;font-weight:400;word-break:break-all;word-wrap:break-word;color:#24292e;line-height:1.3;font-size:18px}
+        .list-body-container{left:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:rgba(245,245,245,0.6)}
+        .more-disk{margin:0;border:0 none;font-weight:400;color:#000;padding:12px 12px;text-align:center;line-height:32px;}
         .more-disk a{margin:0 2px;padding:5px;transition-duration:0.3s;border-radius:18px;background-color:transparent;color:#24292e;border:2px solid rgba(85,85,85,0.7);border:1px solid rgba(27,31,35,0);font-size:16px;}
         .more-disk a:hover,.more-disk a[now]{background:rgba(245,245,245,0.3);color:#FFFFFF;border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15)}
         .list-table{width:100%;padding:0 10px 10px 10px;border-spacing:0;overflow:hidden;table-layout:fixed}
-        .list-table tr{height:fit-content;float:left;width:100%;transition-duration:0.3s;border-radius:16px}
-        .list-table tr[data-to]:hover{color:white;background:linear-gradient(to right,rgb(3,102,214,0.9),rgba(3,102,214,0.3));box-shadow:0 1px 15px rgba(27,31,35,.15)}        
-        .list-table tr[data-to]:hover a{color:white;}
+        .list-table tr{color:#24292e;height:fit-content;float:left;width:100%;transition-duration:0.3s;border-radius:16px}
+        .list-table tr[data-to]:hover{color:white !important;background:linear-gradient(to right,rgb(3,102,214,0.9),rgba(3,102,214,0.3));box-shadow:0 1px 15px rgba(27,31,35,.15)}
+        .list-table tr[data-to]:hover a{color:white;transition-duration:0.3s}       
         .list-table tr:first-child{background:rgba(245,245,245,0)}
         .list-table td,.list-table th{text-align:left}
         .list-table td.updated_at,.list-table th.updated_at{width:15%;}
@@ -55,20 +52,19 @@
         .list-table td button,.list-table th button,.swal-button{border-radius:16px;transition-duration: 0.3s;cursor:pointer;color:#24292e;height:24px;padding: 0 8px;background:transparent;border:1px solid rgba(27,31,35,0);font-weight:bold;}
         .list-table td button:hover,.list-table th button:hover,.swal-button:hover{color:#FFF;background:rgba(3,102,214,0.6);border:1px solid rgba(27,31,35,.15);box-shadow:0 1px 15px rgba(27,31,35,.15);}
         .list-table .size,.list-table .updated_at{text-align:right}
-        .mask{position:absolute;left:0px;top:0px;width:100%;background-color:#000;filter:alpha(opacity=30);opacity:0.3;z-index:2;}
+        .mask{position:absolute;left:0px;top:0px;width:100%;background-color:#000;filter:alpha(opacity=30);opacity:0.3;z-index:6;}
 <!--AdminStart-->
         .operate{display:inline-table;margin:0;margin-right:5px;list-style:none}
-        .operate ul{position:absolute;display:none;background:white;transition-duration: 0.3s;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);border-radius:32px;margin:-7px 0 0 0;padding:0 3px;color:#205D67;z-index:3;}        .operate:hover ul{position:absolute;display:inline-table;}
+        .operate ul{position:absolute;display:none;background:white;transition-duration: 0.3s;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);border-radius:32px;margin:-7px 0 0 0;padding:0 3px;color:#205D67;z-index:5;}
         .operate ul li{padding:6px;list-style:none;display:block;float:left;font-size:0px;line-height:16px;}
         .operate:hover ul{position:absolute;display:inline-table;}
         #opflow:hover ul{position:fixed;display:inline-table;}
         .list-table tr[data-to]:hover .operate ul li a{color:#24292e}
 <!--AdminEnd-->
-        .operatediv{position:absolute;border:0px #CCCCCC;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);transition-duration: 0.3s;border-radius:6px;background-color:white;color:#24292e;z-index:3;}        
+        .operatediv{position:absolute;border:0px #CCCCCC;box-shadow:0 1px 15px rgba(27,31,35,.15);border:1px solid rgba(27,31,35,.15);transition-duration: 0.3s;border-radius:6px;background-color:white;color:#24292e;z-index:7;}        
         .operatediv div{margin:16px}
         .operatediv_close{position:absolute;right:3px;top:3px;}
         .markdown-body, .customfile{padding:24px;text-align:left;font-size:14px !important}
-<!--TfoStyleStart-->
         .bkgd{<!--BackgroundStart-->background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-image:url("<!--BackgroundUrl-->");background-position:center;width:100%;height:100%;filter:blur(1px)brightness(88%);position:fixed;left:0;top:0;z-index:-1;<!--BackgroundEnd-->}
         ::selection{background-color:rgba(200,200,200,0.5)}
         input{cursor:pointer;padding: 0 8px;height:24px;font-weight:bold;border:1px solid rgba(27,31,35,0);transition-duration: 0.3s;border-radius:16px;background-color:transparent;color:#24292e}
@@ -82,24 +78,25 @@
         .veditor:focus{background:transparent !important;border:1px solid rgba(27,31,35,.15) !important;}
         .veditor{border:1px solid rgba(27,31,35,0) !important;height:fit-content !important;width:100% !important;}
         .vwrap {border:0 !important;padding:0 !important;}
-        p,.veditor,.v,.vsys,.vtime,.vcontent,.vinput,.vbtn,.vlogin-btn{color:#000000 !important;}
-        .vbtn{border-color:#000000 !important;}
-        .vicon{fill:#000000 !important;}
+        p,.veditor,.v,.vsys,.vtime,.vcontent,.vinput,.vbtn,.vlogin-btn{color:#24292e !important;}
+        .vbtn{border-color:#24292e !important;}
+        .vicon{fill:#24292e !important;}
         .v a{color:rgb(3,102,214) !important;}
         .vat{font-style:italic !important;}
-        .vcard{padding-top:0px;border:0px}
+        .vcard,.vh,.vquote{padding:0px !important;border:0px !important}
         .vlogin-btn{width:fit-content !important;height:fit-content !important;border:0 !important}
+        .vleft{display:none;}
         .v[data-class=v] *{line-height: 1.35 !important;}
         .leancloud_visitors{float:right !important;padding:16px !important;}
         #vcomments{padding:16px !important;}
         #upload_div table tr{border-radius:6px !important;}
         #upload_div{margin:10px}
-        #more-disk-div{display:block;}
+        #pdf-d canvas{width:100%;}
         #jinrishici{padding:12px !important;box-shadow:0 1px 8px rgba(27,31,35,0.8);}
         #curpath{font-size:16px;transition-duration:0.3s;box-shadow:0 1px 8px rgba(27,31,35,0.8);}
         #create_input{width:94%;}
-        .login{position: fixed;bottom: 8px;left: 8px;z-index: 105;}
-        #opflow{position: fixed;bottom: 8px;left: 8px;z-index: 105;}
+        .login{position: fixed;bottom: 8px;left: 8px;z-index: 5;}
+        #opflow{position: fixed;bottom: 8px;left: 8px;z-index: 5;}
         ::-webkit-scrollbar{width:6px;border-radius:2px;transition-duration:0.3s;}
         ::-webkit-scrollbar-thumb {width:6px;background-color:rgba(200,200,200,0.5);border-radius:2px;}
         ::-webkit-scrollbar-track {width:6px;background:transparent;}
@@ -110,7 +107,6 @@
         .swal-footer{margin-top:0px;padding:0px 16px 8px;}
         .swal-modal{margin:6px auto;border-radius:6px}
         .swal-title:not(:last-child){margin-bottom:0px}
-<!--TfoStyleEnd-->
         @media only screen and (max-width:1856px){
             .list-table td.file,.list-table th.file{width:72%}
             .list-table td.size,.list-table th.size{width:70px !important}
@@ -155,37 +151,30 @@
 <!--BackgroundMStart-->
             body{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-image:url("<!--BackgroundMUrl-->");}
 <!--BackgroundMEnd-->
-            iframe{width:200% !important;-ms-zoom:0.5;-moz-transform:scale(0.5);-moz-transform-origin: 0 0;-o-transform: scale(0.5);-o-transform-origin: 0 0;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;}
+            #preview-div iframe{width:200% !important;-ms-zoom:0.5;-moz-transform:scale(0.5);-moz-transform-origin: 0 0;-o-transform: scale(0.5);-o-transform-origin: 0 0;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;}
             .title{margin-bottom:24px}
-            .list-wrapper{width:98%;margin:0 auto 10px;}
+            .list-wrapper{width:98%;}
             .list-table {padding:8px}
             .list-table td, .list-table th{white-space:nowrap;overflow:auto;text-overflow:unset}
             .size, .updated_at{display:none}
             .list-table td.file,.list-table th.file{width:95%;}
         }
     </style>
-    <!--<style lang="less">
-        @import "~assets/variable";.ripple--wapper{position:relative;overflow:hidden;//禁止文本选择
-            -webkit-user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;.ripple--container{position:absolute;top:0;right:0;bottom:0;left:0;span{position:absolute;transform:scale(0);border-radius:100%;opacity:.3;background-color:#333;animation:ripple .2s;}@keyframes ripple{to{opacity:0;transform:scale(2);}}}}
-    </style>-->
     <!--customCss-->
-    <!--<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>-->
     <script src="https://cdn.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/ionicons@5.0.0/dist/ionicons/ionicons.js"></script>
 </head>
 <body>
     <script language="javascript">window.onload=function(){var colorList=["linear-gradient(to right,rgba(169,221,204,0.9),rgba(169,221,204,0.3))","linear-gradient(to right,rgba(255,104,103,0.9),rgba(255,104,103,0.3))","linear-gradient(to right,rgba(128,155,156,0.9),rgba(128,155,156,0.3))","linear-gradient(to right,rgba(0,204,203,0.9),rgba(0,204,203,0.3))","linear-gradient(to right,rgba(246,197,0,0.9),rgba(246,197,0,0.3))","linear-gradient(to right,rgba(76,218,100,0.9),rgba(76,218,100,0.3))","linear-gradient(to right,rgba(244,67,54,0.9),rgba(244,67,54,0.3))","linear-gradient(to right,rgba(233,30,99,0.9),rgba(233,30,99,0.3))","linear-gradient(to right,rgba(156,39,176,0.9),rgba(156,39,176,0.3))","linear-gradient(to right,rgba(103,58,183,0.9),rgba(103,58,183,0.3))","linear-gradient(to right,rgba(63,81,181,0.9),rgba(63,81,181,0.3))","linear-gradient(to right,rgba(33,150,243,0.9),rgba(33,150,243,0.3))","linear-gradient(to right,rgba(3,169,244,0.9),rgba(3,169,244,0.3))","linear-gradient(to right,rgba(0,188,212,0.9),rgba(0,188,212,0.3))","linear-gradient(to right,rgba(0,150,136,0.9),rgba(0,150,136,0.3))","linear-gradient(to right,rgba(76,175,80,0.9),rgba(76,175,80,0.3))","linear-gradient(to right,rgba(139,52,171,0.9),rgba(139,52,171,0.3))","linear-gradient(to right,rgba(205,220,57,0.9),rgba(205,220,57,0.3))","linear-gradient(to right,rgba(197,183,60,0.9),rgba(197,183,60,0.3))","linear-gradient(to right,rgba(228,173,8,0.9),rgba(228,173,8,0.3))","linear-gradient(to right,rgba(255,87,34,0.9),rgba(255,87,34,0.3))","linear-gradient(to right,rgba(121,85,72,0.9),rgba(121,85,72,0.3))","linear-gradient(to right,rgba(96,125,139,0.9),rgba(96,125,139,0.3))"];var div=document.getElementsByClassName("list-header-container");for(var i=0;i<div.length;i++){var bgColor=getColorByRandom(colorList);div[i].style.background=bgColor}function getColorByRandom(colorList){var colorIndex=Math.floor(Math.random()*colorList.length);var color=colorList[colorIndex];colorList.splice(colorIndex,1);return color}}</script>
-    <script language="javascript">export default{name:'ripple',data(){return{timer:0}},props:{size:{type:Number,default:100}},deactivated(){if(this.timer){clearTimeout(this.timer)}while(this.$refs.rippleContainer.firstChild){this.$refs.rippleContainer.removeChild(this.$refs.rippleContainer.firstChild)}},methods:{showRipple(e){const target=this.$refs.rippleContainer const ripple=document.createElement('span')const size=this.size const pos=this.$refs.rippleContainer.getBoundingClientRect()const clientX=e.targetTouches[0].clientX const clientY=e.targetTouches[0].clientY const x=clientX-pos.left-size/2 const y=clientY-pos.top-size/2 const style=`top:${y/50}rem;left:${x/50}rem;width:${size/50}rem;height:${size/50}rem`ripple.setAttribute('style',style)const container=this.$refs.rippleContainer container.appendChild(ripple)},cleanRipple(){const _this=this if(this.timer){clearTimeout(this.timer)}this.timer=setTimeout(()=>{if(_this.$refs.rippleContainer&&_this.$refs.rippleContainer.firstChild){_this.$refs.rippleContainer.removeChild(_this.$refs.rippleContainer.firstChild)}},1000)}}}</script>
     <div class="bkgd"></div>
-    <div class="ld" style="left:0;top:0;z-index:100;width:100%;height:100%;background:rgb(243,243,243);">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:101;transform: rotate(30deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+    <div class="ld" style="left:0;top:0;z-index:2;width:100%;height:100%;background:rgb(243,243,243);">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:2;transform: rotate(30deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
 <path fill="none" stroke="rgb(233,30,99)" stroke-width="10" stroke-dasharray="128.29446411132812 128.29446411132812" d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z" stroke-linecap="round" style="transform:scale(0.5);transform-origin:50px 50px">
   <animate attributeName="stroke-dashoffset" repeatCount="indefinite" dur="2.0408163265306123s" keyTimes="0;1" values="0;256.58892822265625"></animate>
-</path></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:102;transform: rotate(90deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+</path></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:3;transform: rotate(90deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
 <path fill="none" stroke="rgb(76,175,80)" stroke-width="10" stroke-dasharray="128.29446411132812 128.29446411132812" d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z" stroke-linecap="round" style="transform:scale(0.5);transform-origin:50px 50px">
   <animate attributeName="stroke-dashoffset" repeatCount="indefinite" dur="2.0408163265306123s" keyTimes="0;1" values="0;256.58892822265625"></animate>
-</path></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:103;transform: rotate(150deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+</path></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:4;transform: rotate(150deg);position:fixed;left:0;bottom:0;margin: auto; display: block; shape-rendering: auto;" width="36px" height="36px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
 <path fill="none" stroke="rgb(3,169,244)" stroke-width="10" stroke-dasharray="128.29446411132812 128.29446411132812" d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z" stroke-linecap="round" style="transform:scale(0.5);transform-origin:50px 50px">
   <animate attributeName="stroke-dashoffset" repeatCount="indefinite" dur="2.0408163265306123s" keyTimes="0;1" values="0;256.58892822265625"></animate>
 </path></svg></div>
@@ -216,12 +205,11 @@
 <!--NeedUpdateStart-->
     <div style='position:absolute;'><font color='red'><!--constStr@NeedUpdate--></font></div>
 <!--NeedUpdateEnd-->
-    <h1 class="title" id="title">
+    <h1 class="title">
         <a href="<!--base_path-->"><!--Sitename--></a>
     </h1>
 <!--MultiDiskAreaStart-->
-    <div class="list-wrapper" id="more-disk-div">
-        <div class="list-container">
+    <div class="list-wrapper">
             <div class="list-header-container">
                 <div class="more-disk">
 <!--MultiDisksStart-->
@@ -230,17 +218,15 @@
                 </div>
             </div>
             <div class="list-body-container">
-                <div class="readme" id="jinrishici">
-                    <center><img src="https://v1.jinrishici.com/all.svg?font-size=26&spacing=7" style="max-width:100%;"></center>
+                <div id="jinrishici">
+                    <center><img src="https://v2.jinrishici.com/one.svg?font-size=26&spacing=7" style="max-width:100%;"></center>
                 </div>
              </div>
         </div>
-    </div>
 <!--MultiDiskAreaEnd-->
 <!--HeadomfStart-->
     <div class="list-wrapper" id="head-om-div">
-        <div class="list-container">
-            <div class="list-header-container">
+            <div class="list-body-container">
                 <div class="readme">
                     <div class="customfile" id="head-om">
                         <!--HeadomfContent-->
@@ -248,11 +234,9 @@
                 </div>
             </div>
         </div>
-    </div>
 <!--HeadomfEnd-->
 <!--HeadmdStart-->
     <div class="list-wrapper" id="head-div">
-        <div class="list-container">
              <div class="list-body-container">
                  <div class="readme">
                     <div class="markdown-body" id="head">
@@ -261,11 +245,9 @@
                 </div>
             </div>
         </div>
-    </div>
 <!--HeadmdEnd-->
 <!--ListStart-->
     <div class="list-wrapper" id="list-div">
-        <div class="list-container">
             <div class="list-header-container" id="curpath">
                 <h3 class="table-header"><!--DiskPathArrayStart--> / <a href="<!--PathArrayLink-->"><!--PathArrayName--></a><!--DiskPathArrayEnd--></h3>
             </div>
@@ -297,29 +279,31 @@
                 <div style="margin: 12px 4px 4px; text-align: center">
                     <div style="margin: 24px">
                         <script type="text/javascript">
-                            function getPath() {
-                            var strFullPath = window.document.location.href;
+                            window.onload=function(){var strFullPath = window.document.location.href;
                             var strPath = window.document.location.pathname;
                             var pos = strFullPath.indexOf(strPath);
                             var prePath = strFullPath.substring(0, pos);
+                            var width = window.innerWidth;
                             // var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);
-                            // document.getElementById("url").value= prePath + postPath + "<!--FileEncodeUrl-->";
                             document.getElementById("url").value= prePath + "<!--FileEncodeUrl-->";
-                            }
-                            window.onload = getPath;
+                            // document.getElementById("url").value= prePath + postPath + "<!--FileEncodeUrl-->";
+                            if(width < 495) { 
+                                if(document.getElementById("office-a")) { 
+                            document.getElementById("preview-div").style.height="320px";
+                        }}}
                         </script>
                         <input id="url" title="url" type="url" style="width: 90%; margin-top: 2px;" value="" readonly>
                         <a href="<!--FileUrl-->"><ion-icon name="cloud-download-outline" style="line-height: 16px;vertical-align: middle;"></ion-icon>&nbsp;<!--constStr@Download--></a>
                     </div>
-                    <div style="margin: 24px;display:block;overflow:hidden;">
+                    <div id="preview-div" style="margin: 24px;display:block;overflow:hidden;">
 <!--IsimgFileStart-->
                         <img src="<!--FileDownUrl-->" alt="<!--FileName-->" onload="if (this.offsetWidth>document.getElementById('url').offsetWidth) this.style.width='100%';" />
 <!--IsimgFileEnd-->
 <!--IsvideoFileStart-->
-                        <div id="video-a0"></div>
+<div id="video-a0" οncοntextmenu="return false"></div>
 <!--IsvideoFileEnd-->
 <!--IsmusicFileStart-->
-                        <audio src="<!--FileDownUrl-->" controls="controls" style="width: 100%"></audio>
+                        <audio src="<!--FileDownUrl-->" controls="controls" controlsList="nodownload" οncοntextmenu="return false" style="width: 100%"><!--constStr@FileNotSupport--></audio>
 <!--IsmusicFileEnd-->
 <!--IspdfFileStart-->
                         <div id="pdf-d">Loading PDF</div>
@@ -335,7 +319,7 @@
                             <a onclick="document.getElementById('txt-a').readOnly='readonly';document.getElementById('txt-save').style.display='none';document.getElementById('txt-editbutton').style.display='';document.getElementById('txt-cancelbutton').style.display='none';" id="txt-cancelbutton" style="display:none"><ion-icon name="close-outline"></ion-icon><!--constStr@CancelEdit--></a>&nbsp;&nbsp;&nbsp;
                             <a id="txt-save" style="display:none"><ion-icon name="save-outline"></ion-icon><!--constStr@Save--></a>
 <!--AdminEnd-->
-                            <textarea id="txt-a" name="editfile" readonly style="width: 100%; margin-top: 2px;" <!--AdminStart-->onchange="document.getElementById('txt-save').onclick=function(){document.getElementById('txt-form').submit();}"<!--AdminEnd--> ><!--TxtContent--></textarea>
+<textarea id="txt-a" name="editfile" readonly style="width:calc(100% - 16px);margin-top: 2px;overflow-y:hidden" <!--AdminStart-->onchange="document.getElementById('txt-save').onclick=function(){document.getElementById('txt-form').submit();}"<!--AdminEnd--> ><!--TxtContent--></textarea>
 <!--AdminStart-->
                             </form>
 <!--AdminEnd-->
@@ -422,7 +406,7 @@
                                 <a onclick="nextpage(<!--PageNum-->);"><!--PageNum--></a>
 <!--MorePageListEnd-->
 <!--MorePageListNowStart-->
-                                <font color=red><!--PageNum--></font>
+                                <font></font><!--PageNum--></font>
 <!--MorePageListNowEnd-->
                             </td>
                             <td width=60px align=center>
@@ -449,11 +433,9 @@
 <!--IsFolderEnd-->
             </div>
         </div>
-    </div>
 <!--ListEnd-->
 <!--ReadmemdStart-->
     <div class="list-wrapper" id="readme-div">
-        <div class="list-container">
             <div class="list-body-container">
                 <div class="readme">
                     <div class="markdown-body" id="readme">
@@ -462,12 +444,10 @@
                 </div>
             </div>
         </div>
-    </div>
 <!--ReadmemdEnd-->
 <!--FootomfStart-->
     <div class="list-wrapper" id="foot-om-div">
-        <div class="list-container">
-            <div class="list-header-container">
+            <div class="list-body-container">
                 <div class="readme">
                     <div class="customfile" id="foot-om">
                         <!--FootomfContent-->
@@ -475,9 +455,7 @@
                 </div>
             </div>
         </div>
-    </div>
 <!--FootomfEnd-->
-
     <div id="mask" class="mask" style="display:none;"></div>
 <!--AdminStart-->
 <!--IsFolderStart-->
@@ -604,16 +582,16 @@
     <div style="color: rgba(247,247,249,1);text-align:center;text-shadow:0 1px 15px rgba(27,31,35,1);font-weight:bold;margin-top:20px">Power by<a style="color:rgb(3,102,214)" href="https://github.com/BingoKingo/Tfo">Tfo</a>'s Theme for <a style="color:rgb(3,102,214)" href="https://github.com/qkqpttgf/OneManager-php">OneManager-php</a></div>
     <div style="color: rgba(247,247,249,0);text-align:center;text-shadow:0 1px 15px rgba(27,31,35,0);font-weight:bold;margin-top:6px"><!--FootStr--></div>
     <div style="color: rgba(247,247,249,1);text-align:center;text-shadow:0 1px 15px rgba(27,31,35,1);font-weight:bold;margin-top:6px;display:none" id="tminf">
-        Current Version: 20210205 &nbsp;<br>Update Tips: 1.Upgrade with the program. (Best Choice!) 2.Copy the CustomTheme link and paste it in the Platform Config form of program setting page. 3.Update manually. &nbsp;<br>
-        Tfo’s CustomTheme Address: https://tfo.herokuapp.com/index/Uploaded/WebContents/Github/Tfo/NecessaryFiles/tfo.html &nbsp;<br>Tfo's Theme UpdateCheck Address: https://github.com/qkqpttgf/OneManager-php/blob/master/theme/tfo.html &nbsp;<br>https://github.com/BingoKingo/Tfo/blob/master/theme/tfo.html &nbsp;<br>Tfo’s HomePage on GitHub: https://github.com/BingoKingo/Tfo &nbsp;<br>Tfo’s Example Website: https://tfo.herokuapp.com/
+        Current Version: 20210224 &nbsp;<br>Update Tips: 1.Upgrade with the program. (Best Choice!) 2.Copy the CustomTheme link and paste it in the Platform Config form of program setting page. 3.Update manually. &nbsp;<br>
+        Tfo’s CustomTheme Address: https://tfo.herokuapp.com/index/Upload%20上传/WebContents/Github/Tfo/NecessaryFiles/tfo.html &nbsp;<br>Tfo's Theme UpdateCheck Address: https://github.com/qkqpttgf/OneManager-php/blob/master/theme/tfo.html &nbsp;<br>https://github.com/BingoKingo/Tfo/blob/master/theme/tfo.html &nbsp;<br>Tfo’s HomePage on GitHub: https://github.com/BingoKingo/Tfo &nbsp;<br>Tfo’s Example Website: https://tfo.herokuapp.com/
     </div>
 </body>
 <!--ListStart-->
-<!--MdRequireStart--><link rel="stylesheet" href="https://unpkg.zhimg.com/github-markdown-css@3.0.1/github-markdown.css">
+<!--MdRequireStart--><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/github-markdown-css@4.0.0/github-markdown.min.css">
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/marked@2.0.0/lib/marked.min.js"></script><!--MdRequireEnd-->
 <!--GuestUploadStart--><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/spark-md5@3.0.1/spark-md5.min.js"></script><!--GuestUploadEnd-->
 <!--AliyundriveUploadJsStart--><script src="https://cdn.jsdelivr.net/npm/sha1@1.1.1/sha1.min.js"></script><!--AliyundriveUploadJsEnd-->
-<!--IsFileStart--><!--IspdfFileStart--><script src="https://cdn.bootcss.com/pdf.js/2.3.200/pdf.min.js"></script><!--IspdfFileEnd--><!--IsFileEnd-->
+<!--IsFileStart--><!--IspdfFileStart--><script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.6.347/build/pdf.min.js"></script><!--IspdfFileEnd--><!--IsFileEnd-->
 <!--ListEnd-->
 <script type="text/javascript">
     function changelanguage(str)
@@ -701,8 +679,10 @@
             console.log(videos[i]);
             new DPlayer({
                 container: document.getElementById('video-a' + i),
-                screenshot: true,
+                theme: '#0366D6',
+                volume: 0.5,
                 video: {
+                    type: 'auto',
                     url: videos[i]
                 }
             });
@@ -711,10 +691,10 @@
     addVideos(['<!--FileEncodeUrl-->']);
 <!--IsvideoFileEnd-->
 <!--IspdfFileStart-->
-    pdfjsLib.GlobalWorkerOptions.workerSrc = '//cdn.bootcss.com/pdf.js/2.3.200/pdf.worker.min.js';
+pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.6.347/build/pdf.worker.js';
     var loadingTask = pdfjsLib.getDocument({
         url: '<!--FileDownUrl-->',
-        cMapUrl: "//cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/",
+        cMapUrl: "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.6.347/cmaps/",
         cMapPacked: true,
         rangeChunkSize: 65535
     });
@@ -989,11 +969,11 @@ function size_format(num) {
             td1=document.getElementById('upfile_td1_'+tdnum);
             td2=document.getElementById('upfile_td2_'+tdnum);
             if (file.size>100*1024*1024*1024) {
-                td2.innerHTML='<font color="red"><!--constStr@UpFileTooLarge--></font>';
+                td2.innerHTML='<font><!--constStr@UpFileTooLarge--></font>';
                 uploadbuttonshow();
                 return;
             }
-            upbigfilename = encodeURIComponent((file.webkitRelativePath||file.name));
+            var upbigfilename = encodeURIComponent((file.webkitRelativePath||file.name));
             var filemd5='';
 <!--GuestStart-->
             function getext(str) {
@@ -1039,7 +1019,7 @@ function size_format(num) {
             }
             xhr1.onload = function(e){
                 //console.log(xhr1.status+xhr1.responseText);
-                td2.innerHTML='<font color="red">'+xhr1.responseText+'</font>';
+                td2.innerHTML='<font>'+xhr1.responseText+'</font>';
                 if (xhr1.status==409) {
                     // td2.innerHTML='nameAlreadyExists';
                     var html=JSON.parse(xhr1.responseText);
@@ -1047,7 +1027,7 @@ function size_format(num) {
 <!--GuestStart-->
                     td2.innerHTML='md5: '+filemd5;
 <!--GuestEnd-->
-                    td1.innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+(file.webkitRelativePath||file.name)+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+td1.innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+(file.webkitRelativePath||file.name)+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
+                    td1.innerHTML='<div><a href="<!--base_disk_path--><!--Path-->'+(file.webkitRelativePath||file.name)+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+td1.innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+(file.webkitRelativePath||file.name)+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
                 }
                 if (xhr1.status==200) {
                     if (xhr1.responseText=='') {
@@ -1056,7 +1036,7 @@ function size_format(num) {
                     }
                     var html=JSON.parse(xhr1.responseText);
                     if (!html['uploadUrl']) {
-                        td2.innerHTML='<font color="red">'+xhr1.responseText+'</font><br>';
+                        td2.innerHTML='<font>'+xhr1.responseText+'</font><br>';
                     } else {
                         td2.innerHTML='<!--constStr@UploadStart--> ...';
                         binupfile(file,html['uploadUrl'],timea+'_'+i, upbigfilename);
@@ -1150,9 +1130,9 @@ function size_format(num) {
                                     MiddleStr += '<!--constStr@ThisTime--><!--constStr@AverageSpeed-->:'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
                                 }
                                 while (filename.indexOf('%2F')>0) filename = filename.replace('%2F', '/');
-                                document.getElementById('upfile_td1_'+tdnum).innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+filename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+filename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
+                                document.getElementById('upfile_td1_'+tdnum).innerHTML='<div><a href="<!--base_disk_path--><!--Path-->'+filename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+filename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
                                 label.innerHTML=StartStr+MiddleStr;
-                                label.style.color='green';
+                                label.style.color='black';
                                 // uploadbuttonshow();
 <!--AdminStart-->
                                 response.name=file.webkitRelativePath||response.name;
@@ -1160,7 +1140,7 @@ function size_format(num) {
 <!--AdminEnd-->
                             } else {
                                 if (!response['nextExpectedRanges']) {
-                                    label.innerHTML='<font color="red">'+xhr.responseText+'</font>&nbsp;';
+                                    label.innerHTML='<font>'+xhr.responseText+'</font>&nbsp;';
                                 } else {
                                     var a=response['nextExpectedRanges'][0];
                                     asize=Number( a.slice(0,a.indexOf("-")) );
@@ -1172,9 +1152,9 @@ function size_format(num) {
                     }
                 } else {
                     if (window.location.pathname.indexOf('%23')>0||filename.indexOf('%23')>0) {
-                        label.innerHTML='<font color="red"><!--constStr@UploadFail23--></font>';
+                        label.innerHTML='<font><!--constStr@UploadFail23--></font>';
                     } else {
-                        label.innerHTML='<font color="red">'+xhr2.responseText+'</font>';
+                        label.innerHTML='<font>'+xhr2.responseText+'</font>';
                     }
                     // uploadbuttonshow();
                 }
@@ -1216,24 +1196,37 @@ function size_format(num) {
             var tdnum = timea+'_'+i;
             td1=document.getElementById('upfile_td1_'+tdnum);
             td2=document.getElementById('upfile_td2_'+tdnum);
-            if (file.size>100*1024*1024*1024) {
+            var chunksize=10*1024*1024; // 分块大小
+            //var chunksize=100*1024; // 测试小块
+            /*if (file.size>100*1024*1024*1024) {
                 td2.innerHTML='<font color="red"><!--constStr@UpFileTooLarge--></font>';
                 uploadbuttonshow();
                 return;
-            }
-            upbigfilename = encodeURIComponent((file.webkitRelativePath||file.name));
+            }*/
+            var upbigfilename = encodeURIComponent((file.webkitRelativePath||file.name));
             td2.innerHTML='计算SHA1 ...';
             var reader = new FileReader();
             reader.readAsArrayBuffer(file);
-            reader.onload = function(e){
+            reader.onload = function(e) {
                 var filesha1 = sha1(this.result);
+<!--GuestStart-->
+                function getext(str) {
+                    let p = str.lastIndexOf('.');
+                    if (p===-1) return '';
+                    if (p===0) return '';
+                    return str.substr(p);
+                }
+                var ext = getext(file.webkitRelativePath||file.name);
+                upbigfilename = filesha1 + ext;
+<!--GuestEnd-->
+                while (upbigfilename.indexOf('%2F')>0) upbigfilename = upbigfilename.replace('%2F', '/');
                 td2.innerHTML='<!--constStr@GetUploadLink--> ...';
                 var xhr1 = new XMLHttpRequest();
                 xhr1.open("POST", '?action=upbigfile');
                 xhr1.setRequestHeader('x-requested-with','XMLHttpRequest');
                 xhr1.onload = function(e){
                     //console.log(xhr1.status+xhr1.responseText);
-                    td2.innerHTML='<font color="red">'+xhr1.responseText+'</font>';
+                    td2.innerHTML='<font>'+xhr1.responseText+'</font>';
                     if (xhr1.status==201) {
                         if (xhr1.responseText=='') {
                             getuplink(i,1);
@@ -1245,15 +1238,16 @@ function size_format(num) {
                             if (html.name!='') {
                                 if (html.exist==true) td2.innerHTML=html.name+' 文件名已有';
                                 else if (html.rapid_upload==true) td2.innerHTML=html.name+' 秒传';
-                                else td2.innerHTML='<font color="red">'+xhr1.responseText+'</font><br>';
-                                td1.innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+html.name+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+td1.innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+html.name+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
+                                else td2.innerHTML='<font>'+xhr1.responseText+'</font><br>';
+                                td1.innerHTML='<div><a href="<!--base_disk_path--><!--Path-->'+upbigfilename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+td1.innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+upbigfilename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
                             } else {
-                                td2.innerHTML='<font color="red">'+xhr1.responseText+'</font><br>';
+                                td2.innerHTML='<font>'+xhr1.responseText+'</font><br>';
                             }
                         } else {
                             td2.innerHTML='<!--constStr@UploadStart--> ...';
-                            console.log(html['part_info_list'][0]['upload_url']);
-                            binupfile(file,html['part_info_list'][0]['upload_url'],timea+'_'+i, upbigfilename, filesha1,html['file_id'],html['upload_id']);
+                                //console.log(html);
+                                localStorage.setItem(filesha1, JSON.stringify(html));
+                                binupfile(file, html, timea+'_'+i, upbigfilename, filesha1, chunksize);
                         }
                     }
                     if (i<files.length-1) {
@@ -1261,13 +1255,17 @@ function size_format(num) {
                         getuplink(i);
                     }
                 }
-                xhr1.send('upbigfilename='+ upbigfilename +'&filesize='+ file.size +'&filelastModified='+ file.lastModified + '&filesha1=' + filesha1);
+                    xhr1.send('upbigfilename='+ upbigfilename +'&filesize='+ file.size +'&filelastModified='+ file.lastModified + '&filesha1=' + filesha1 + '&chunksize=' + chunksize);
+                }
             }
         }
         uploadbuttonshow();
     }
-    function binupfile(file,url,tdnum,filename,filesha1,fileid,uploadid){
+    function binupfile(file, res, tdnum, filename, filesha1, chunksize) {
         // xhr.getResponseHeader
+        if (!('ETag' in res)) res['ETag'] = new Array();
+        var fileid = res['file_id'];
+        var uploadid = res['upload_id'];
         var label=document.getElementById('upfile_td2_'+tdnum);
         var reader = new FileReader();
         var StartStr='';
@@ -1276,9 +1274,15 @@ function size_format(num) {
         var EndTime;
         var newstartsize = 0;
         if(!!file){
+            var chunknum = 0;
+            var chunknumtotal = res['part_info_list'].length;
             var asize=0;
             var totalsize=file.size;
             var newstartsize=0;
+            while (res['ETag'][chunknum]!=null) {
+                chunknum++;
+                newstartsize += chunksize;
+            }
             StartTime = new Date();
             asize = newstartsize;
             if (newstartsize==0) {
@@ -1289,81 +1293,142 @@ function size_format(num) {
             //var chunksize=5*1024*1024; // chunk size, max 60M. 每小块上传大小
             //if (totalsize>200*1024*1024) chunksize=10*1024*1024;
             function readblob(start) {
-                //var end=start+chunksize;
-                //var blob = file.slice(start,end);
-                //reader.readAsArrayBuffer(blob);
-                reader.readAsArrayBuffer(file);
+                var end=start+chunksize;
+                var blob = file.slice(start,end);
+                reader.readAsArrayBuffer(blob);
+                //reader.readAsArrayBuffer(file);
             }
             readblob(asize);
 
             reader.onload = function(e){
-                var binary = this.result;
-                var xhr = new XMLHttpRequest();
-                xhr.open("PUT", url, true);
-                //xhr.setRequestHeader('x-requested-with','XMLHttpRequest');
-                bsize=asize+e.loaded-1;
-                xhr.setRequestHeader('Content-Range', 'bytes ' + asize + '-' + bsize +'/'+ totalsize);
-                xhr.upload.onprogress = function(e){
-                    if (e.lengthComputable) {
-                        var tmptime = new Date();
-                        var tmpspeed = e.loaded*1000/(tmptime.getTime()-C_starttime.getTime());
-                        var remaintime = (totalsize-asize-e.loaded)/tmpspeed;
-                        label.innerHTML=StartStr+'<!--constStr@Upload--> ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% <!--constStr@AverageSpeed-->:'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s<br><!--constStr@CurrentSpeed--> '+size_format(tmpspeed)+'/s <!--constStr@Expect--> '+remaintime.toFixed(1)+'s';
-                    }
-                }
-                var C_starttime = new Date();
-                xhr.onload = function(e){
-                    if (xhr.status<500) {
-                        //console.log(xhr.responseText);
-                        //console.log(xhr.getResponseHeader('ETag'));
-                    //var response=JSON.parse(xhr.responseText);
-                    if (xhr.responseText==''&&xhr.getResponseHeader('ETag')!='') {
-                        // 有ETag说明上传成功
-                        var xhr1 = new XMLHttpRequest();
-                        xhr1.open("POST", '?action=upbigfile');
-                        //xhr1.open("GET", '?action=del_upload_cache&filelastModified='+file.lastModified+'&filesize='+file.size+'&filename='+filename);
-                        xhr1.setRequestHeader('x-requested-with','XMLHttpRequest');
-                        xhr1.send('uploadid='+ uploadid +'&fileid='+ fileid +'&etag='+ xhr.getResponseHeader('ETag'));
-                        xhr1.onload = function(e){
-                            console.log(xhr1.responseText+','+xhr1.status);
+                if (asize>totalsize) {
+                    var xhr1 = new XMLHttpRequest();
+                    xhr1.open("POST", '?action=upbigfile');
+                    xhr1.setRequestHeader('x-requested-with','XMLHttpRequest');
+                    xhr1.onload = function(e){
+                        console.log(xhr1.responseText+','+xhr1.status);
+                        if (xhr1.status==200) {
+                            localStorage.removeItem(filesha1);
 <!--AdminStart-->
                             var html=JSON.parse(xhr1.responseText);
                             //response.name=file.webkitRelativePath||response.name;
                             addelement(html);
 <!--AdminEnd-->
-                        }
-                        if (totalsize>10*1024*1024) {
-                            var xhr3 = new XMLHttpRequest();
-                            xhr3.open("GET", '?action=del_upload_cache&filelastModified='+file.lastModified+'&filesize='+file.size+'&filename='+filename);
-                            xhr3.setRequestHeader('x-requested-with','XMLHttpRequest');
-                            xhr3.send(null);
-                            xhr3.onload = function(e){
-                                console.log(xhr3.responseText+','+xhr3.status);
+                            /*if (totalsize>10*1024*1024) {
+                                var xhr3 = new XMLHttpRequest();
+                                xhr3.open("GET", '?action=del_upload_cache&filelastModified='+file.lastModified+'&filesize='+file.size+'&filename='+filename);
+                                xhr3.setRequestHeader('x-requested-with','XMLHttpRequest');
+                                xhr3.send(null);
+                                xhr3.onload = function(e){
+                                    console.log(xhr3.responseText+','+xhr3.status);
+                                }
+                            }*/
+                            EndTime=new Date();
+                            MiddleStr = '<!--constStr@EndAt-->:'+EndTime.toLocaleString()+'<br>';
+                            if (newstartsize==0) {
+                                MiddleStr += '<!--constStr@AverageSpeed-->:'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
+                            } else {
+                                MiddleStr += '<!--constStr@ThisTime--><!--constStr@AverageSpeed-->:'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
                             }
-                        }
-                        EndTime=new Date();
-                        MiddleStr = '<!--constStr@EndAt-->:'+EndTime.toLocaleString()+'<br>';
-                        if (newstartsize==0) {
-                            MiddleStr += '<!--constStr@AverageSpeed-->:'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
+                            document.getElementById('upfile_td1_'+tdnum).innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+filename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+filename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
+                            label.innerHTML=StartStr+MiddleStr;
+                            label.style.color='green';
                         } else {
-                            MiddleStr += '<!--constStr@ThisTime--><!--constStr@AverageSpeed-->:'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
+                            label.innerHTML= '<font color="red">' + xhr1.status + ',' + xhr1.responseText + '</font>';
+                            localStorage.removeItem(filesha1);
                         }
-                        while (filename.indexOf('%2F')>0) filename = filename.replace('%2F', '/');
-                        document.getElementById('upfile_td1_'+tdnum).innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+filename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+filename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
-                        label.innerHTML=StartStr+MiddleStr;
-                        label.style.color='green';
-                        // uploadbuttonshow();
-                    } else {
-                        if (!response['nextExpectedRanges']) {
-                            label.innerHTML='<font color="red">'+xhr.responseText+'</font><br>';
+                    }
+                    xhr1.send('uploadid=' + uploadid + '&fileid=' + fileid + '&etag=' + JSON.stringify(res['ETag']));
+                } else {
+                    var binary = this.result;
+                    var xhr = new XMLHttpRequest();
+                    xhr.open("PUT", res['part_info_list'][chunknum]['upload_url'], true);
+                    //xhr.setRequestHeader('x-requested-with','XMLHttpRequest');
+                    bsize=asize+e.loaded-1;
+                    xhr.setRequestHeader('Content-Range', 'bytes ' + asize + '-' + bsize +'/'+ totalsize);
+                    xhr.upload.onprogress = function(e){
+                        if (e.lengthComputable) {
+                            var tmptime = new Date();
+                            var tmpspeed = e.loaded*1000/(tmptime.getTime()-C_starttime.getTime());
+                            var remaintime = (totalsize-asize-e.loaded)/tmpspeed;
+                            label.innerHTML=StartStr+'<!--constStr@Upload--> ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% <!--constStr@AverageSpeed-->:'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s<br><!--constStr@CurrentSpeed--> '+size_format(tmpspeed)+'/s <!--constStr@Expect--> '+remaintime.toFixed(1)+'s';
+                        }
+                    }
+                    var C_starttime = new Date();
+                    xhr.onload = function(e){
+                        if (xhr.status<500) {
+                            //console.log(xhr.responseText);
+                            //console.log(xhr.getResponseHeader('ETag'));
+                        //var response=JSON.parse(xhr.responseText);
+                        if (xhr.responseText==''&&xhr.getResponseHeader('ETag')!='') {
+                            // 有ETag说明本段上传成功
+                            let etag = xhr.getResponseHeader('ETag');
+                            //if (etag.substr(0,1)=='"') etag = etag.substr(1);还就要引号！
+                            //if (etag.substr(-1)=='"') etag = etag.substr(0, etag.length-1);
+                            res['ETag'][chunknum] = etag;
+                            localStorage.setItem(filesha1, JSON.stringify(res));
+                            chunknum++;
+                            asize = bsize + 1;
+                            if (chunknum==chunknumtotal) {
+                                // 上传结束
+                                var xhr1 = new XMLHttpRequest();
+                                xhr1.open("POST", '?action=upbigfile');
+                                xhr1.setRequestHeader('x-requested-with','XMLHttpRequest');
+                                xhr1.onload = function(e){
+                                    console.log(xhr1.responseText+','+xhr1.status);
+                                    if (xhr1.status==200) {
+                                        localStorage.removeItem(filesha1);
+<!--AdminStart-->
+                                        var html=JSON.parse(xhr1.responseText);
+                                        //response.name=file.webkitRelativePath||response.name;
+                                        addelement(html);
+<!--AdminEnd-->
+                                        /*if (totalsize>10*1024*1024) {
+                                            var xhr3 = new XMLHttpRequest();
+                                            xhr3.open("GET", '?action=del_upload_cache&filelastModified='+file.lastModified+'&filesize='+file.size+'&filename='+filename);
+                                            xhr3.setRequestHeader('x-requested-with','XMLHttpRequest');
+                                            xhr3.send(null);
+                                            xhr3.onload = function(e){
+                                                console.log(xhr3.responseText+','+xhr3.status);
+                                            }
+                                        }*/
+                                        EndTime=new Date();
+                                        MiddleStr = '<!--constStr@EndAt-->:'+EndTime.toLocaleString()+'<br>';
+                                        if (newstartsize==0) {
+                                            MiddleStr += '<!--constStr@AverageSpeed-->:'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
+                                        } else {
+                                            MiddleStr += '<!--constStr@ThisTime--><!--constStr@AverageSpeed-->:'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s<br>';
+                                        }
+                                        document.getElementById('upfile_td1_'+tdnum).innerHTML='<div style="color:green"><a href="<!--base_disk_path--><!--Path-->'+filename+'?preview" id="upfile_a_'+tdnum+'" target="_blank">'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'</a><br><a href="<!--base_disk_path--><!--Path-->'+filename+'" id="upfile_a1_'+tdnum+'"></a><!--constStr@UploadComplete--><button onclick="CopyAllDownloadUrl(\'#upfile_a1_'+tdnum+'\');" id="upfile_cpbt_'+tdnum+'" <!--AdminStart--> style="display:none"<!--AdminEnd--> ><!--constStr@CopyUrl--></button></div>';
+                                        label.innerHTML=StartStr+MiddleStr;
+                                        label.style.color='green';
+                                    } else {
+                                        label.innerHTML= '<font color="red">' + xhr1.status + ',' + xhr1.responseText + '</font>';
+                                        localStorage.removeItem(filesha1);
+                                    }
+                                }
+                                xhr1.send('uploadid=' + uploadid + '&fileid=' + fileid + '&etag=' + JSON.stringify(res['ETag']));
+                                // uploadbuttonshow();
+                            } else {
+                                readblob(asize);
+                            }
                         } else {
-                            var a=response['nextExpectedRanges'][0];
-                            asize=Number( a.slice(0,a.indexOf("-")) );
-                            readblob(asize);
-                        }
-                    } } else readblob(asize);
+                            console.log(xhr.status+xhr.responseText);//<PartEtag>
+                            if (xhr.status==409) {
+                                let str = xhr.responseText;
+                                str = str.substr(str.indexOf('<PartEtag>')+10);
+                                str = str.substr(0, str.indexOf('</PartEtag>'));
+                                res['ETag'][chunknum] = str;
+                                localStorage.setItem(filesha1, JSON.stringify(res));
+                                chunknum++;
+                                asize += chunksize;
+                                readblob(asize);
+                            }
+                                //label.innerHTML='<font color="red">'+xhr.responseText+'</font><br>';
+                        } } else readblob(asize);
+                    }
+                    xhr.send(binary);
                 }
-                xhr.send(binary);
             }
         }
     }
@@ -1384,12 +1449,12 @@ function size_format(num) {
     function tminf() {
         var tminftxt=document.getElementById("tminf").innerText;
         swal({
-        title: "Tfo's Theme Information",
+        title: "Tfo's Update Information",
         text: tminftxt,
         icon: "info",
         buttons: {
         cancel: "Close",
-        update: "Update with OneManager-php",
+        update: "Update with the program",
         },
     })
     .then((value) => {