diff --git a/readme.md b/readme.md index 689e845..ac120ba 100644 --- a/readme.md +++ b/readme.md @@ -7,7 +7,7 @@ UpdateAddress [heroku.php](/platform/heroku.php "heroku.php"),[scf.php](/platfor Theme -Material Design for Classic Series(对默认主题的MD风格小优化,有对响应式、按钮外观等的适配调整): [tfo_mdtr.php](/theme/tfo_mdtr.php "tfo_mdtr.php")(Transparent Material Design), [tfo_md.php](/theme/tfo_md.php "tfo_md.php")(Material Design), [tfo_mdtr_baw.php](/theme/tfo_mdtr_baw.php "tfo_mdtr_baw.php")(Black & White Material Design for Tomb-Sweeping Day) (All based on classic.php,latest at 2020.5.1) +Material Design for Classic Series(对默认主题的MD风格小优化,有对响应式、按钮外观、上传界面等的适配调整): [tfo_mdtr.php](/theme/tfo_mdtr.php "tfo_mdtr.php")(Transparent Material Design), [tfo_md.php](/theme/tfo_md.php "tfo_md.php")(Material Design), [tfo_mdtr_baw.php](/theme/tfo_mdtr_baw.php "tfo_mdtr_baw.php")(Black & White Material Design for Tomb-Sweeping Day) (All based on classic.php,latest at 2020.5.1) 具体地,您可以下载/复制体验一下或参考示例中运用tfo_mdtr.php的[Li Share Storage Mini](https://tfo.herokuapp.com/ "Li Share Storage Mini")。需要注意:以上系列主题**默认隐藏多盘和右上角语言框**,请谨慎使用!若强迫开启多盘,可以自行定位修改#L107左右more-disk前几行位置去掉display:none !important字符。目前,主题仍存在诸多问题,请谅解。PS:主题**将要实现**的功能有背景模糊等,敬请期待... diff --git a/theme/tfo_md.php b/theme/tfo_md.php index 6ddaec6..311e557 100644 --- a/theme/tfo_md.php +++ b/theme/tfo_md.php @@ -54,14 +54,6 @@ .operatediv div{margin:16px} .operatediv_close{position:absolute;right:3px;top:3px;} .readme{padding:8px;background-color:rgb(245,245,245);} - @media only screen and (max-width:495px){ - .title{margin-bottom:24px} - .list-wrapper{width:96%; margin:0 auto 10px;} - .list-table {padding:8px} - .list-table td.file,.list-table th.file{width:95%;} - .size, .updated_at{display:none} - .list-table td,.list-table th{overflow:auto;text-overflow:unset} - } @media only screen and (max-width:1152px){ .list-table td.file,.list-table th.file{width:calc(95% - 220px)} .list-table td.size,.list-table th.size{width:70px !important} @@ -92,6 +84,14 @@ .list-table td.size,.list-table th.size{width:70px !important} .list-table td.updated_at,.list-table th.updated_at{width:140px !important} } + @media only screen and (max-width:495px){ + .title{margin-bottom:24px} + .list-wrapper{width:96%; margin:0 auto 10px;} + .list-table {padding:8px} + .list-table td.file,.list-table th.file{width:95%;} + .size, .updated_at{display:none} + .list-table td,.list-table th{overflow:auto;text-overflow:unset} + } @@ -873,217 +873,217 @@ echo ''; document.getElementById('upload_file').style.display=''; } function preup() { - uploadbuttonhide(); - var files=document.getElementById('upload_file').files; - if (files.length<1) { - uploadbuttonshow(); - return; - }; - var table1=document.createElement('table'); - document.getElementById('upload_div').appendChild(table1); - table1.setAttribute('class','list-table'); - var timea=new Date().getTime(); - var i=0; - getuplink(i); - function getuplink(i) { - var file=files[i]; - var tr1=document.createElement('tr'); - table1.appendChild(tr1); - tr1.setAttribute('data-to',1); - var td1=document.createElement('td'); - tr1.appendChild(td1); - td1.setAttribute('style','width:30%'); - td1.setAttribute('id','upfile_td1_'+timea+'_'+i); - td1.innerHTML=file.name+'
'+size_format(file.size); - var td2=document.createElement('td'); - tr1.appendChild(td2); - td2.setAttribute('id','upfile_td2_'+timea+'_'+i); - td2.innerHTML=' ...'; - if (file.size>100*1024*1024*1024) { - td2.innerHTML=''; + uploadbuttonhide(); + var files=document.getElementById('upload_file').files; + if (files.length<1) { uploadbuttonshow(); return; - } - var xhr1 = new XMLHttpRequest(); - xhr1.open("GET", '?action=upbigfile&upbigfilename='+ encodeURIComponent(file.name) +'&filesize='+ file.size +'&lastModified='+ file.lastModified); - xhr1.setRequestHeader('x-requested-with','XMLHttpRequest'); - xhr1.send(null); - xhr1.onload = function(e){ - td2.innerHTML=''+xhr1.responseText+''; - if (xhr1.status==200) { - console.log(xhr1.responseText); - var html=JSON.parse(xhr1.responseText); - if (!html['uploadUrl']) { - td2.innerHTML=''+xhr1.responseText+'
'; - uploadbuttonshow(); - } else { - td2.innerHTML=' ...'; - binupfile(file,html['uploadUrl'],timea+'_'+i); - } - } - if (i1024) { - num=num/1024; - } else { - return num.toFixed(2) + ' B'; - } - if (num>1024) { - num=num/1024; - } else { - return num.toFixed(2) + ' KB'; - } - if (num>1024) { - num=num/1024; - } else { - return num.toFixed(2) + ' MB'; - } - return num.toFixed(2) + ' GB'; - } - function binupfile(file,url,tdnum){ - var label=document.getElementById('upfile_td2_'+tdnum); - var reader = new FileReader(); - var StartStr=''; - var MiddleStr=''; - var StartTime; - var EndTime; - var newstartsize = 0; - if(!!file){ - var asize=0; - var totalsize=file.size; - var xhr2 = new XMLHttpRequest(); - xhr2.open("GET", url); - //xhr2.setRequestHeader('x-requested-with','XMLHttpRequest'); - xhr2.send(null); - xhr2.onload = function(e){ - if (xhr2.status==200) { - var html = JSON.parse(xhr2.responseText); - var a = html['nextExpectedRanges'][0]; - newstartsize = Number( a.slice(0,a.indexOf("-")) ); - StartTime = new Date(); - - asize = newstartsize; - - if (newstartsize==0) { - StartStr=':' +StartTime.toLocaleString()+'
' ; - } else { - StartStr=''+size_format(newstartsize)+ '
:' +StartTime.toLocaleString()+'
' ; - } - var chunksize=5*1024*1024; // chunk size, max 60M. 每小块上传大小,最大60M,微软建议10M - 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); - } - readblob(asize); - - var spark = new SparkMD5.ArrayBuffer(); - - reader.onload = function(e){ - var binary = this.result; - - spark.append(binary); - if (asize < newstartsize) { - asize += chunksize; - readblob(asize); - return; - } - - 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+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s
'+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; - } - } - var C_starttime = new Date(); - xhr.onload = function(e){ - if (xhr.status<500) { - var response=JSON.parse(xhr.responseText); - if (response['size']>0) { - // contain size, upload finish. 有size说明是最终返回,上传结束 - var xhr3 = new XMLHttpRequest(); - xhr3.open("GET", '?action=del_upload_cache&filename=.'+file.lastModified+ '_' +file.size+ '_' +encodeURIComponent(file.name)+'.tmp'); - xhr3.setRequestHeader('x-requested-with','XMLHttpRequest'); - xhr3.send(null); - xhr3.onload = function(e){ - console.log(xhr3.responseText+','+xhr3.status); - } - - var filemd5 = spark.end(); - var xhr4 = new XMLHttpRequest(); - xhr4.open("GET", '?action=uploaded_rename&filename='+encodeURIComponent(file.name)+'&filemd5='+filemd5); - xhr4.setRequestHeader('x-requested-with','XMLHttpRequest'); - xhr4.send(null); - xhr4.onload = function(e){ - console.log(xhr4.responseText+','+xhr4.status); - var filename; - //if (xhr4.status==200) filename = JSON.parse(xhr4.responseText)['name']; - //if (xhr4.status==409) filename = filemd5 + file.name.substr(file.name.indexOf('.')); - filename = JSON.parse(xhr4.responseText)['name']; - if (filename=='') { - alert(''); - uploadbuttonshow(); - return; - } - var lasturl = location.href; - if (lasturl.substr(lasturl.length-1)!='/') lasturl += '/'; - lasturl += filename + '?preview'; - //window.open(lasturl); - document.getElementById('upfile_a_'+tdnum).href = lasturl; - document.getElementById('upfile_a1_'+tdnum).href = filename; - document.getElementById('upfile_cpbt_'+tdnum).style.display = ""; - } - - EndTime=new Date(); - MiddleStr = ':'+EndTime.toLocaleString()+'
'; - if (newstartsize==0) { - MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; - } else { - MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; - } - document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'
'; - label.innerHTML=StartStr+MiddleStr; - uploadbuttonshow(); - - addelement(response); - - } else { - if (!response['nextExpectedRanges']) { - label.innerHTML=''+xhr.responseText+'
'; - } else { - var a=response['nextExpectedRanges'][0]; - asize=Number( a.slice(0,a.indexOf("-")) ); - readblob(asize); - } - } } else readblob(asize); - } - xhr.send(binary); - } - } else { - if (window.location.pathname.indexOf('%23')>0||file.name.indexOf('%23')>0) { - label.innerHTML=''; - } else { - label.innerHTML=''+xhr2.responseText+''; - } + }; + var table1=document.createElement('table'); + document.getElementById('upload_div').appendChild(table1); + table1.setAttribute('class','list-table'); + var timea=new Date().getTime(); + var i=0; + getuplink(i); + function getuplink(i) { + var file=files[i]; + var tr1=document.createElement('tr'); + table1.appendChild(tr1); + tr1.setAttribute('data-to',1); + var td1=document.createElement('td'); + tr1.appendChild(td1); + td1.setAttribute('style','width:30%'); + td1.setAttribute('id','upfile_td1_'+timea+'_'+i); + td1.innerHTML=file.name+' '+size_format(file.size); + var td2=document.createElement('td'); + tr1.appendChild(td2); + td2.setAttribute('id','upfile_td2_'+timea+'_'+i); + td2.innerHTML=' ...'; + if (file.size>100*1024*1024*1024) { + td2.innerHTML=''; uploadbuttonshow(); + return; + } + var xhr1 = new XMLHttpRequest(); + xhr1.open("GET", '?action=upbigfile&upbigfilename='+ encodeURIComponent(file.name) +'&filesize='+ file.size +'&lastModified='+ file.lastModified); + xhr1.setRequestHeader('x-requested-with','XMLHttpRequest'); + xhr1.send(null); + xhr1.onload = function(e){ + td2.innerHTML=''+xhr1.responseText+''; + if (xhr1.status==200) { + console.log(xhr1.responseText); + var html=JSON.parse(xhr1.responseText); + if (!html['uploadUrl']) { + td2.innerHTML=''+xhr1.responseText+'
'; + uploadbuttonshow(); + } else { + td2.innerHTML=' ...'; + binupfile(file,html['uploadUrl'],timea+'_'+i); + } + } + if (i1024) { + num=num/1024; + } else { + return num.toFixed(2) + ' B'; + } + if (num>1024) { + num=num/1024; + } else { + return num.toFixed(2) + ' KB'; + } + if (num>1024) { + num=num/1024; + } else { + return num.toFixed(2) + ' MB'; + } + return num.toFixed(2) + ' GB'; + } + function binupfile(file,url,tdnum){ + var label=document.getElementById('upfile_td2_'+tdnum); + var reader = new FileReader(); + var StartStr=''; + var MiddleStr=''; + var StartTime; + var EndTime; + var newstartsize = 0; + if(!!file){ + var asize=0; + var totalsize=file.size; + var xhr2 = new XMLHttpRequest(); + xhr2.open("GET", url); + //xhr2.setRequestHeader('x-requested-with','XMLHttpRequest'); + xhr2.send(null); + xhr2.onload = function(e){ + if (xhr2.status==200) { + var html = JSON.parse(xhr2.responseText); + var a = html['nextExpectedRanges'][0]; + newstartsize = Number( a.slice(0,a.indexOf("-")) ); + StartTime = new Date(); + + asize = newstartsize; + + if (newstartsize==0) { + StartStr=':' +StartTime.toLocaleString()+' ' ; + } else { + StartStr=''+size_format(newstartsize)+ ' :' +StartTime.toLocaleString()+' ' ; + } + var chunksize=5*1024*1024; // chunk size, max 60M. 每小块上传大小,最大60M,微软建议10M + 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); + } + readblob(asize); + + var spark = new SparkMD5.ArrayBuffer(); + + reader.onload = function(e){ + var binary = this.result; + + spark.append(binary); + if (asize < newstartsize) { + asize += chunksize; + readblob(asize); + return; + } + + 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+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s  '+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; + } + } + var C_starttime = new Date(); + xhr.onload = function(e){ + if (xhr.status<500) { + var response=JSON.parse(xhr.responseText); + if (response['size']>0) { + // contain size, upload finish. 有size说明是最终返回,上传结束 + var xhr3 = new XMLHttpRequest(); + xhr3.open("GET", '?action=del_upload_cache&filename=.'+file.lastModified+ '_' +file.size+ '_' +encodeURIComponent(file.name)+'.tmp'); + xhr3.setRequestHeader('x-requested-with','XMLHttpRequest'); + xhr3.send(null); + xhr3.onload = function(e){ + console.log(xhr3.responseText+','+xhr3.status); + } + + var filemd5 = spark.end(); + var xhr4 = new XMLHttpRequest(); + xhr4.open("GET", '?action=uploaded_rename&filename='+encodeURIComponent(file.name)+'&filemd5='+filemd5); + xhr4.setRequestHeader('x-requested-with','XMLHttpRequest'); + xhr4.send(null); + xhr4.onload = function(e){ + console.log(xhr4.responseText+','+xhr4.status); + var filename; + //if (xhr4.status==200) filename = JSON.parse(xhr4.responseText)['name']; + //if (xhr4.status==409) filename = filemd5 + file.name.substr(file.name.indexOf('.')); + filename = JSON.parse(xhr4.responseText)['name']; + if (filename=='') { + alert(''); + uploadbuttonshow(); + return; + } + var lasturl = location.href; + if (lasturl.substr(lasturl.length-1)!='/') lasturl += '/'; + lasturl += filename + '?preview'; + //window.open(lasturl); + document.getElementById('upfile_a_'+tdnum).href = lasturl; + document.getElementById('upfile_a1_'+tdnum).href = filename; + document.getElementById('upfile_cpbt_'+tdnum).style.display = ""; + } + + EndTime=new Date(); + MiddleStr = ':'+EndTime.toLocaleString()+' '; + if (newstartsize==0) { + MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; + } else { + MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; + } + document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+' 
'; + label.innerHTML=StartStr+MiddleStr; + uploadbuttonshow(); + + addelement(response); + + } else { + if (!response['nextExpectedRanges']) { + label.innerHTML=''+xhr.responseText+' '; + } else { + var a=response['nextExpectedRanges'][0]; + asize=Number( a.slice(0,a.indexOf("-")) ); + readblob(asize); + } + } } else readblob(asize); + } + xhr.send(binary); + } + } else { + if (window.location.pathname.indexOf('%23')>0||file.name.indexOf('%23')>0) { + label.innerHTML=''; + } else { + label.innerHTML=''+xhr2.responseText+''; + } + uploadbuttonshow(); + } } } } - } diff --git a/theme/tfo_mdtr.php b/theme/tfo_mdtr.php index fa4a2cc..4cd8ac9 100644 --- a/theme/tfo_mdtr.php +++ b/theme/tfo_mdtr.php @@ -54,14 +54,6 @@ .operatediv_close{position:absolute;right:3px;top:3px;} .readme{padding:8px;background-color:rgba(245,245,245,0.3);} .markdown-body{padding:20px;text-align:left;font-size:14px !important} - @media only screen and (max-width:495px){ - .title{margin-bottom:24px} - .list-wrapper{width:96%; margin:0 auto 10px;} - .list-table {padding:8px} - .list-table td.file,.list-table th.file{width:95%;} - .size, .updated_at{display:none} - .list-table td,.list-table th{overflow:auto;text-overflow:unset} - } @media only screen and (max-width:1152px){ .list-table td.file,.list-table th.file{width:calc(95% - 220px)} .list-table td.size,.list-table th.size{width:70px !important} @@ -92,6 +84,14 @@ .list-table td.size,.list-table th.size{width:70px !important} .list-table td.updated_at,.list-table th.updated_at{width:140px !important} } + @media only screen and (max-width:495px){ + .title{margin-bottom:24px} + .list-wrapper{width:96%; margin:0 auto 10px;} + .list-table {padding:8px} + .list-table td.file,.list-table th.file{width:95%;} + .size, .updated_at{display:none} + .list-table td,.list-table th{overflow:auto;text-overflow:unset} + } @@ -894,7 +894,7 @@ echo ''; tr1.appendChild(td1); td1.setAttribute('style','width:30%'); td1.setAttribute('id','upfile_td1_'+timea+'_'+i); - td1.innerHTML=file.name+'
'+size_format(file.size); + td1.innerHTML=file.name+' '+size_format(file.size); var td2=document.createElement('td'); tr1.appendChild(td2); td2.setAttribute('id','upfile_td2_'+timea+'_'+i); @@ -971,9 +971,9 @@ echo ''; asize = newstartsize; if (newstartsize==0) { - StartStr=':' +StartTime.toLocaleString()+'
' ; + StartStr=':' +StartTime.toLocaleString()+' ' ; } else { - StartStr=''+size_format(newstartsize)+ '
:' +StartTime.toLocaleString()+'
' ; + StartStr=''+size_format(newstartsize)+ ' :' +StartTime.toLocaleString()+' ' ; } var chunksize=5*1024*1024; // chunk size, max 60M. 每小块上传大小,最大60M,微软建议10M if (totalsize>200*1024*1024) chunksize=10*1024*1024; @@ -1006,7 +1006,7 @@ echo ''; var tmptime = new Date(); var tmpspeed = e.loaded*1000/(tmptime.getTime()-C_starttime.getTime()); var remaintime = (totalsize-asize-e.loaded)/tmpspeed; - label.innerHTML=StartStr+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s
'+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; + label.innerHTML=StartStr+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s  '+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; } } var C_starttime = new Date(); @@ -1049,13 +1049,13 @@ echo ''; } EndTime=new Date(); - MiddleStr = ':'+EndTime.toLocaleString()+'
'; + MiddleStr = ':'+EndTime.toLocaleString()+' '; if (newstartsize==0) { - MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; + MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; } else { - MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; + MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; } - document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'
'; + document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+' 
'; label.innerHTML=StartStr+MiddleStr; uploadbuttonshow(); @@ -1063,7 +1063,7 @@ echo ''; } else { if (!response['nextExpectedRanges']) { - label.innerHTML=''+xhr.responseText+'
'; + label.innerHTML=''+xhr.responseText+' '; } else { var a=response['nextExpectedRanges'][0]; asize=Number( a.slice(0,a.indexOf("-")) ); diff --git a/theme/tfo_mdtr_baw.php b/theme/tfo_mdtr_baw.php index a7121b3..90f5c68 100644 --- a/theme/tfo_mdtr_baw.php +++ b/theme/tfo_mdtr_baw.php @@ -54,14 +54,6 @@ .operatediv_close{position:absolute;right:3px;top:3px;} .readme{padding:8px;background-color:rgba(245,245,245,0.3);} .markdown-body{padding:20px;text-align:left;font-size:14px !important} - @media only screen and (max-width:495px){ - .title{margin-bottom:24px} - .list-wrapper{width:96%; margin:0 auto 10px;} - .list-table {padding:8px} - .list-table td.file,.list-table th.file{width:95%;} - .size, .updated_at{display:none} - .list-table td,.list-table th{overflow:auto;text-overflow:unset} - } @media only screen and (max-width:1152px){ .list-table td.file,.list-table th.file{width:calc(95% - 220px)} .list-table td.size,.list-table th.size{width:70px !important} @@ -92,6 +84,14 @@ .list-table td.size,.list-table th.size{width:70px !important} .list-table td.updated_at,.list-table th.updated_at{width:140px !important} } + @media only screen and (max-width:495px){ + .title{margin-bottom:24px} + .list-wrapper{width:96%; margin:0 auto 10px;} + .list-table {padding:8px} + .list-table td.file,.list-table th.file{width:95%;} + .size, .updated_at{display:none} + .list-table td,.list-table th{overflow:auto;text-overflow:unset} + } @@ -894,7 +894,7 @@ echo ''; tr1.appendChild(td1); td1.setAttribute('style','width:30%'); td1.setAttribute('id','upfile_td1_'+timea+'_'+i); - td1.innerHTML=file.name+'
'+size_format(file.size); + td1.innerHTML=file.name+' '+size_format(file.size); var td2=document.createElement('td'); tr1.appendChild(td2); td2.setAttribute('id','upfile_td2_'+timea+'_'+i); @@ -971,9 +971,9 @@ echo ''; asize = newstartsize; if (newstartsize==0) { - StartStr=':' +StartTime.toLocaleString()+'
' ; + StartStr=':' +StartTime.toLocaleString()+' ' ; } else { - StartStr=''+size_format(newstartsize)+ '
:' +StartTime.toLocaleString()+'
' ; + StartStr=''+size_format(newstartsize)+ ' :' +StartTime.toLocaleString()+' ' ; } var chunksize=5*1024*1024; // chunk size, max 60M. 每小块上传大小,最大60M,微软建议10M if (totalsize>200*1024*1024) chunksize=10*1024*1024; @@ -1006,7 +1006,7 @@ echo ''; var tmptime = new Date(); var tmpspeed = e.loaded*1000/(tmptime.getTime()-C_starttime.getTime()); var remaintime = (totalsize-asize-e.loaded)/tmpspeed; - label.innerHTML=StartStr+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s
'+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; + label.innerHTML=StartStr+' ' +size_format(asize+e.loaded)+ ' / '+size_format(totalsize) + ' = ' + ((asize+e.loaded)*100/totalsize).toFixed(2) + '% :'+size_format((asize+e.loaded-newstartsize)*1000/(tmptime.getTime()-StartTime.getTime()))+'/s  '+size_format(tmpspeed)+'/s '+remaintime.toFixed(1)+'s'; } } var C_starttime = new Date(); @@ -1049,13 +1049,13 @@ echo ''; } EndTime=new Date(); - MiddleStr = ':'+EndTime.toLocaleString()+'
'; + MiddleStr = ':'+EndTime.toLocaleString()+' '; if (newstartsize==0) { - MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; + MiddleStr += ':'+size_format(totalsize*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; } else { - MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s
'; + MiddleStr += ':'+size_format((totalsize-newstartsize)*1000/(EndTime.getTime()-StartTime.getTime()))+'/s '; } - document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+'
'; + document.getElementById('upfile_td1_'+tdnum).innerHTML='
'+document.getElementById('upfile_td1_'+tdnum).innerHTML+' 
'; label.innerHTML=StartStr+MiddleStr; uploadbuttonshow(); @@ -1063,7 +1063,7 @@ echo ''; } else { if (!response['nextExpectedRanges']) { - label.innerHTML=''+xhr.responseText+'
'; + label.innerHTML=''+xhr.responseText+' '; } else { var a=response['nextExpectedRanges'][0]; asize=Number( a.slice(0,a.indexOf("-")) );