国产精品精品久久久久久一,久久国产一区二区日韩Av,无码电影在线观看国产

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<!--? 
session_start();
//文件分片上傳
class uploader{
 
    //執(zhí)行上傳(的name屬性,保存路徑-相對當(dāng)前路徑)
    public function upload($name,$savedir = 'uploads'){
         
        $return_arr = array('0','');
        $userID = <p> </p><p>1.理解部分</p><p> </p><p> </p><p> </p><p>服務(wù)端為什么不能直接傳大文件？跟php.ini里面的幾個(gè)配置有關(guān)</p><p> </p><p> </p><p> </p><p>upload_max_filesize = 2M //PHP最大能接受的文件大小</p><p> </p><p>post_max_size = 8M //PHP能收到的最大POST值'</p><p> </p><p>memory_limit = 128M //內(nèi)存上限</p><p> </p><p>max_execution_time = 30 //最大執(zhí)行時(shí)間</p><p> </p><p>當(dāng)然不能簡單粗暴的把上面幾個(gè)值調(diào)大，否則服務(wù)器內(nèi)存資源吃光是遲早的問題。</p><p> </p><p>解決思路</p><p>好在HTML5開放了新的FILE API，也可以直接操作二進(jìn)制對象，我們可以直接在瀏覽器端實(shí)現(xiàn)文件切割，按照以前的做法就得用Flash的方案，實(shí)現(xiàn)起來會麻煩很多。</p><p> </p><p>JS思路</p><p>1.監(jiān)聽上傳按鈕的onchange事件</p><p>2.獲取文件的FILE對象</p><p>3.把文件的FILE對象進(jìn)行切割，并且附加到FORMDATA對象中</p><p>4.把FORMDATA對象通過AJAX發(fā)送到服務(wù)器</p><p>5.重復(fù)3、4步驟，直到文件發(fā)送完。</p><p> </p><p>PHP思路</p><p>1.建立上傳文件夾</p><p>2.把文件從上傳臨時(shí)目錄移動(dòng)到上傳文件夾</p><p>3.所有的文件塊上傳完成后，進(jìn)行文件合成</p><p>4.刪除文件夾</p><p>5.返回上傳后的文件路徑</p><p> </p><p> </p><p> </p><p> </p><p> </p><p>前端代碼如下</p><p><div   id="tdt7272"   class="RunCodes"><textarea><title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大小："+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大小："+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大小："+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大小："+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大小："+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大小："+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

<title>PHP大文件分片上傳</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css">
#percent-bg{position:relative;width:100%;height:20px;border:1px solid #ccc;}
#percent{position:absolute;display:block;width:0;height:100%;left:0;background:green;z-index:100;}
#percent_num{position:absolute;display:block;width:30px;height:100%;left:50%;margin-left:-15px;z-index:200; text-align:center;}
</style>

<script type="text/javascript">
var pz = {
"maxSize":1024*1024*100, //文件大小限制100M
"bufferSize":1024*512, //單個(gè)分片大小
"blocks":[], //分片數(shù)據(jù)集合
"blockName":"newfile",//表單 file 的名字
"filename":"",//上傳的本地文件真實(shí)文件名
"threadNum":2,//上傳線程數(shù)量
"reset":function(fname){
this.blocks = [];
this.filename = fname;
}
}
function afterselect(){
if(document.getElementById("x").files.length<1){
return false;
}
var file = document.getElementById("x").files[0];
if(file.size>pz.maxSize){
showmsg("系統(tǒng)文件大小限制："+pz.maxSize+"，實(shí)際文件大�。�"+file.size);
return;
}
pz.reset(file.name);
pz.threadNum = parseInt($("#threadCount").val());//設(shè)定線程數(shù)量


__index = __activeThreadCount = __sendedBlockCount = 0;

var endByte = 0,startByte = 0;

while(true){
startByte = endByte;
if(endByte + pz.bufferSize >= file.size){
endByte = file.size;
}else{
endByte = endByte+pz.bufferSize;
}
var block = sliceFile(file,startByte,endByte);
if(!block){
showmsg("分片失敗");
return;
}
pz.blocks.push(block);
if(endByte >= file.size){ break; }
}
showmsg("文件名："+file.name);
showmsg("文件大�。�"+file.size);
showmsg("總分片數(shù)量："+pz.blocks.length);

var dis = Math.min(pz.threadNum,pz.blocks.length);
for(var i=0;i<dis;i++){
(function(i){
setTimeout(function(){
__activeThreadCount++;
fenpei(i);
},500);
})(i);
}
showmsg("啟動(dòng)線程："+dis+" 個(gè)");
showmsg("------------------------");
}

//只要是操作主線程中的變量或其他，就一定會自動(dòng)同步到主線程來。相當(dāng)于自動(dòng)lock()
var __index = 0;
var __activeThreadCount = 0; //當(dāng)前活躍線程數(shù)量
var __sendedBlockCount = 0; //已上傳的block數(shù)量
function fenpei(i){
//參數(shù):線程名
if(__index>=pz.blocks.length){
showmsg("線程"+i+' 結(jié)束');
__activeThreadCount--;
if(__activeThreadCount==0){
showmsg("------------------------");
showmsg('多線程分片上傳完畢，正在處理分片數(shù)據(jù)...');
combineFile();
}
return;
}
uploadBlock(i,__index);
__index++;
}
//發(fā)送拼接分塊命令
function combineFile(){
$.post(
'blobuploader.php',
{"act":"combine","chunks":pz.blocks.length,"filename":pz.filename},
function(e){
if(e.flag){
showmsg("分片數(shù)據(jù)處理完成，任務(wù)結(jié)束，URl："+e.url);
}else{
showmsg(e.info);
}
},'json'
);
}
//顯示進(jìn)度
function showPercent(){
var percent = parseInt(__sendedBlockCount / pz.blocks.length *100);
if(percent>100){ percent = 100;}

$("#percent").stop(true,true).animate({"width":percent+"%"},10);
$("#percent_num").html(percent+"%");
}
//上傳一個(gè)分片
function uploadBlock(i,index){
var chunk = index;
showmsg('線程'+i+' 分片'+chunk+' start');
var fd = new FormData();
    fd.append("newfile", pz.blocks[chunk]);//文件
    fd.append("filename", pz.filename);//文件名
    fd.append("chunk", chunk);//分片索引
    fd.append("chunks", pz.blocks.length);//分片總數(shù)
    $.ajax({
url:'blobuploader.php',
type:"post",
data: fd,
dataType:"json",
cache: false,
contentType:false,
processData:false,//設(shè)置為true的時(shí)候,jquery ajax 提交的時(shí)候不會序列化 data，而是直接使用data
success:function(data){
//timer線程中的異步，此時(shí)同步了
showmsg("線程"+i+" 分片"+chunk+" end");
__sendedBlockCount++;
showPercent();
fenpei(i);
},
complete:function(XMLHttpRequest,textStatus){

},
error:function(){}
});
}
//分割file成分片
function sliceFile(file,startByte,endByte){
if(file.slice){
return  file.slice(startByte,endByte);
}
if(file.webkitSlice){
return  file.webkitSlice(startByte,endByte);
}
if(file.mozSlice){
return  file.mozSlice(startByte,endByte);
}
return null;
}
//輸出消息
function showmsg(msg){
var _t = $("#msg").val();
_t += msg+"\r\n";
$("#msg").val(_t);
var scrollTop = $("#msg")[0].scrollHeight;
$("#msg").scrollTop(scrollTop);
}
</script>


<h2>jQuery+PHP實(shí)現(xiàn)對大文件分片后多線程上傳，返回上傳后的URL</h2>
<h3>PHP文件上傳大小限制：50M</h3>
<h4>可以上傳文件大小大于PHP文件上傳大小限制的文件</h4>
選擇文件后自動(dòng)開始上傳

線程數(shù)：<select id="threadCount" style="height:28px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="5">5</option> <option value="10" selected="selected">10</option> </select> 

<input type="file" id="x" onchange="afterselect();" /> 

<textarea id="msg" style="width:99%;height:400px;overflow-y:auto;">

0%

提示：復(fù)制和保存代碼功能在FF下無效。

本站首頁

關(guān)于我們

新聞中心

網(wǎng)站報(bào)價(jià)

成功案例

400電話

聯(lián)系方式