本文實例講述了PHP大文件切割上傳并帶進度條功能。分享給大家供大家參考，具體如下：

前面一篇介紹了PHP大文件切割上傳功能，這里再來進一步講解PHP大文件切割上傳并帶進度條功能。

項目結構圖：

14-slice-upload-fix.html文件：

大文件切割上傳帶進度條

var xhr = new XMLHttpRequest();//xhr對象

var clock = null;

function selfile(){

clock = window.setInterval(sendfile,1000);

}

var sendfile = (function (){

const LENGTH = 1024 * 1024 * 10;//每次上傳的大小

var start = 0;//每次上傳的開始字節

var end = start + LENGTH;//每次上傳的結尾字節

var sending = false;//表示是否正在上傳

var fd = null;//創建表單數據對象

var blob = null;//二進制對象

var percent = 0;

return (function (){

//如果有塊正在上傳，則不進行上傳

if(sending == true){

return;

}

var file = document.getElementsByName('video')[0].files[0];//文件對象

//如果sta>file.size，就結束了

if(start > file.size){

clearInterval(clock);

return;

}

blob = file.slice(start,end);//根據長度截取每次需要上傳的數據

fd = new FormData();//每一次需要重新創建

fd.append('video',blob);//添加數據到fd對象中

up(fd);

//重新設置開始和結尾

start = end;

end = start + LENGTH;

sending = false;//上傳完了

//顯示進度條

percent = 100 * start/file.size;

if(percent>100){

percent = 100;

}

document.getElementById('bar').style.width = percent + '%';

document.getElementById('bar').innerHTML = parseInt(percent)+'%';

});

})();

function up(fd){

xhr.open('POST','13-slice-upload.php',false);

xhr.send(fd);

}

#progress{

width:500px;

height:30px;

border:1px solid green;

}

#bar{

width:0%;

height:100%;

background-color: green;

}

大文件切割上傳帶進度條

13-slice-upload.php文件：

/**

* 大文件切割上傳，把每次上傳的數據合并成一個文件

* @author webbc

*/

$filename = './upload/upload.wmv';//確定上傳的文件名

//第一次上傳時沒有文件，就創建文件，此后上傳只需要把數據追加到此文件中

if(!file_exists($filename)){

move_uploaded_file($_FILES['video']['tmp_name'],$filename);

}else{

file_put_contents($filename,file_get_contents($_FILES['video']['tmp_name']),FILE_APPEND);

}

?>

運行結果圖：

希望本文所述對大家PHP程序設計有所幫助。

總結

以上是生活随笔為你收集整理的php带截切图片上传_PHP大文件切割上传并带进度条功能示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。