PHP大文件分割与分片上传的实现方法及代码示例

服务端为什么不能直接传大文件&＃xff1f;跟php.ini里面的几个配置有关

upload_max_filesize &＃61; 2M //PHP最大能接受的文件大小

post_max_size &＃61; 8M //PHP能收到的最大POST值&＃39;

memory_limit &＃61; 128M //内存上限

max_execution_time &＃61; 30 //最大执行时间

当然不能简单粗暴的把上面几个值调大&＃xff0c;否则服务器内存资源吃光是迟早的问题。

解决思路

好在HTML5开放了新的FILE API&＃xff0c;也可以直接操作二进制对象&＃xff0c;我们可以直接在浏览器端实现文件切割&＃xff0c;按照以前的做法就得用Flash的方案&＃xff0c;实现起来会麻烦很多。

JS思路

1.监听上传按钮的onchange事件

2.获取文件的FILE对象

3.把文件的FILE对象进行切割&＃xff0c;并且附加到FORMDATA对象中

4.把FORMDATA对象通过AJAX发送到服务器

5.重复3、4步骤&＃xff0c;直到文件发送完。

PHP思路

1.建立上传文件夹

2.把文件从上传临时目录移动到上传文件夹

3.所有的文件块上传完成后&＃xff0c;进行文件合成

4.删除文件夹

5.返回上传后的文件路径

DEMO代码

前端部分代码

content&＃61;"width&＃61;device-width, user-scalable&＃61;no, initial-scale&＃61;1.0, maximum-scale&＃61;1.0, minimum-scale&＃61;1.0">

#progress{

width: 300px;

height: 20px;

background-color:#f7f7f7;

box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);

border-radius:4px;

background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);

}

#finish{

background-color: #149bdf;

background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);

background-size:40px 40px;

height: 100%;

}

form{

margin-top: 50px;

}

var fileForm &＃61; document.getElementById("file");

var stopBtn &＃61; document.getElementById(&＃39;stop&＃39;);

var upload &＃61; new Upload();

fileForm.onchange &＃61; function(){

upload.addFileAndSend(this);

}

stopBtn.onclick &＃61; function(){

this.value &＃61; "停止中";

upload.stop();

this.value &＃61; "已停止";

}

function Upload(){

var xhr &＃61; new XMLHttpRequest();

var form_data &＃61; new FormData();

const LENGTH &＃61; 1024 * 1024;

var start &＃61; 0;

var end &＃61; start &＃43; LENGTH;

var blob;

var blob_num &＃61; 1;

var is_stop &＃61; 0

//对外方法&＃xff0c;传入文件对象

this.addFileAndSend &＃61; function(that){

var file &＃61; that.files[0];

blob &＃61; cutFile(file);

sendFile(blob,file);

blob_num &＃43;&＃61; 1;

}

//停止文件上传

this.stop &＃61; function(){

xhr.abort();

is_stop &＃61; 1;

}

//切割文件

function cutFile(file){

var file_blob &＃61; file.slice(start,end);

start &＃61; end;

end &＃61; start &＃43; LENGTH;

return file_blob;

};

//发送文件

function sendFile(blob,file){

var total_blob_num &＃61; Math.ceil(file.size / LENGTH);

form_data.append(&＃39;file&＃39;,blob);

form_data.append(&＃39;blob_num&＃39;,blob_num);

form_data.append(&＃39;total_blob_num&＃39;,total_blob_num);

form_data.append(&＃39;file_name&＃39;,file.name);

xhr.open(&＃39;POST&＃39;,&＃39;./upload.php&＃39;,false);

xhr.onreadystatechange &＃61; function () {

var progress;

var progressObj &＃61; document.getElementById(&＃39;finish&＃39;);

if(total_blob_num &＃61;&＃61; 1){

progress &＃61; &＃39;100%&＃39;;

}else{

progress &＃61; Math.min(100,(blob_num/total_blob_num)* 100 ) &＃43;&＃39;%&＃39;;

}

progressObj.style.width &＃61; progress;

var t &＃61; setTimeout(function(){

if(start

blob &＃61; cutFile(file);

sendFile(blob,file);

blob_num &＃43;&＃61; 1;

}else{

setTimeout(t);

}

},1000);

}

xhr.send(form_data);

}

}

PHP部分代码

class Upload{

private $filepath &＃61; &＃39;./upload&＃39;; //上传目录

private $tmpPath; //PHP文件临时目录

private $blobNum; //第几个文件块

private $totalBlobNum; //文件块总数

private $fileName; //文件名

public function __construct($tmpPath,$blobNum,$totalBlobNum,$fileName){

$this->tmpPath &＃61; $tmpPath;

$this->blobNum &＃61; $blobNum;

$this->totalBlobNum &＃61; $totalBlobNum;

$this->fileName &＃61; $fileName;

$this->moveFile();

$this->fileMerge();

}

//判断是否是最后一块&＃xff0c;如果是则进行文件合成并且删除文件块

private function fileMerge(){

if($this->blobNum &＃61;&＃61; $this->totalBlobNum){

$blob &＃61; &＃39;&＃39;;

for($i&＃61;1; $i<&＃61; $this->totalBlobNum; $i&＃43;&＃43;){

$blob .&＃61; file_get_contents($this->filepath.&＃39;/&＃39;. $this->fileName.&＃39;__&＃39;.$i);

}

file_put_contents($this->filepath.&＃39;/&＃39;. $this->fileName,$blob);

$this->deleteFileBlob();

}

}

//删除文件块

private function deleteFileBlob(){

for($i&＃61;1; $i<&＃61; $this->totalBlobNum; $i&＃43;&＃43;){

&＃64;unlink($this->filepath.&＃39;/&＃39;. $this->fileName.&＃39;__&＃39;.$i);

}

}

//移动文件

private function moveFile(){

$this->touchDir();

$filename &＃61; $this->filepath.&＃39;/&＃39;. $this->fileName.&＃39;__&＃39;.$this->blobNum;

move_uploaded_file($this->tmpPath,$filename);

}

//API返回数据

public function apiReturn(){

if($this->blobNum &＃61;&＃61; $this->totalBlobNum){

if(file_exists($this->filepath.&＃39;/&＃39;. $this->fileName)){

$data[&＃39;code&＃39;] &＃61; 2;

$data[&＃39;msg&＃39;] &＃61; &＃39;success&＃39;;

$data[&＃39;file_path&＃39;] &＃61; &＃39;http://&＃39;.$_SERVER[&＃39;HTTP_HOST&＃39;].dirname($_SERVER[&＃39;DOCUMENT_URI&＃39;]).str_replace(&＃39;.&＃39;,&＃39;&＃39;,$this->filepath).&＃39;/&＃39;. $this->fileName;

}

}else{

if(file_exists($this->filepath.&＃39;/&＃39;. $this->fileName.&＃39;__&＃39;.$this->blobNum)){

$data[&＃39;code&＃39;] &＃61; 1;

$data[&＃39;msg&＃39;] &＃61; &＃39;waiting for all&＃39;;

$data[&＃39;file_path&＃39;] &＃61; &＃39;&＃39;;

}

}

header(&＃39;Content-type: application/json&＃39;);

echo json_encode($data);

}

//建立上传文件夹

private function touchDir(){

if(!file_exists($this->filepath)){

return mkdir($this->filepath);

}

}

}

//实例化并获取系统变量传参

$upload &＃61; new Upload($_FILES[&＃39;file&＃39;][&＃39;tmp_name&＃39;],$_POST[&＃39;blob_num&＃39;],$_POST[&＃39;total_blob_num&＃39;],$_POST[&＃39;file_name&＃39;]);

//调用方法&＃xff0c;返回结果

$upload->apiReturn();

以上就是本文的全部内容&＃xff0c;希望对大家的学习有所帮助&＃xff0c;也希望大家多多支持脚本之家。