怎么使用php解決大文件分片上傳問(wèn)題

小編給大家分享一下怎么使用php解決大文件分片上傳問(wèn)題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

前提

首先, 上傳超大的文件, 前端要和后端相互配合文件上傳要使用 ajax 的方法, 而不是 form 的 submit的方式

思想

前端把file文件對(duì)象按一定的大小 分割成一定大小的文件(如按 2M 或 5M來(lái)分割), 對(duì)分割后的文件, 一個(gè)個(gè)的上傳到后端去, 后端接收到分片文件后,把它們先放到一個(gè)臨時(shí)的目錄下, 在收到前端完成的數(shù)據(jù)請(qǐng)求的時(shí)候, 把臨時(shí)目錄中的文件組裝起來(lái)成一個(gè)新的文件, 保存后, 把臨時(shí)目錄下的文件刪除掉就可以了

代碼

html

<div class="a">
          上傳<input id="myfile" type="file" name="myfile"/>
   </div>

這里要說(shuō)明一下,沒(méi)有使用 submit 上傳, 使用 ajax上傳

javascript

<script>
	$(function(){
		let myfile = document.getElementById("myfile");
		myfile.onchange = function(){
			let file = myfile.files[0];		//這里可以得到上傳的文件對(duì)象
			let length = 1024 * 1024 * 5;   //這里是每一個(gè)分片的大小
			let total_number = Math.ceil(file.size/length) //使用進(jìn)一法, 來(lái)確定分片的個(gè)數(shù)
			let start = 0;			//分片的初始位置
			let end = length;		//分片的結(jié)束位置
			let parr = [];         //這里為promise.all方法準(zhǔn)備一個(gè)數(shù)組;
			for(let i = 1;i<=total_number;i++){
				//這里開(kāi)始分片, 并且把每一個(gè)分片上傳到服務(wù)器
				let bolb = file.slice(start,end);  //得到一個(gè)分片
				start = end;				//調(diào)整下一個(gè)分片的起始位置
				end = start+length;			//調(diào)整下一個(gè)分片的結(jié)束位置
				if(end > file.size){
					end=file.size;		//這里對(duì)最后的一個(gè)分片結(jié)束位置進(jìn)行調(diào)整
				}
				let formdata = new FormData();  //創(chuàng)建一個(gè)FormData對(duì)象, 準(zhǔn)備傳送數(shù)據(jù)
				formdata.append("file",blob);   //據(jù)分片數(shù)據(jù)放入 formdata
				formdata.append("tempfilename",i+"_"+file.name)  //同時(shí)為這個(gè)分片設(shè)置一個(gè)名稱, 其中的 i 可以幫助后端進(jìn)行排序處理
				
				//formdata組裝好之后, 調(diào)用 pro() 函數(shù), 返回一個(gè)promise對(duì)象, 并把它放入 parr 數(shù)組中, 方便后面的 promise.all方法使用
				parr.push(pro(formadata));
			}
			//以上for 循環(huán)結(jié)束之后,  parr數(shù)組中就全部是  分片上傳的 promise的對(duì)象了, 此時(shí)我們使用promise.all 方法, 等待所有上傳都成功執(zhí)行后, 再向服務(wù)器發(fā)送一個(gè)請(qǐng)求, 也就是上傳完成, 讓服務(wù)器組裝分片的請(qǐng)求
			Promise.all(parr).then(res=>{
				if(res.length == parr.length){   //如果返回成功的數(shù)組長(zhǎng)度 和 parr的數(shù)組長(zhǎng)度相等,說(shuō)明分片全部上傳成功
					//此時(shí)對(duì)上傳接口再次發(fā)送請(qǐng)求, 同時(shí)把 上傳的文件名帶上, 方便后臺(tái)查找要組裝的分片文件名, 因?yàn)槭钦?qǐng)求同一個(gè)上傳接口所以, 我們還要傳一個(gè) flag=1  表示這是一個(gè)數(shù)據(jù)組裝的請(qǐng)求
 $.ajax({
                    type:"post",
                    url:"http://fastadmin.test/index/upload/getupload",
                    data:{flag:1,filename:file.name},  //這里 flag=1表示上傳完成,請(qǐng)求組裝, filename:表示要組成哪一組文件分片
                    success:function(res){
                        if(res.length == parr.length){
                            console.log(111);
                        }
                    },
                    fail: function () {
                        reject()
                    }
                })
				}
			})
		}
	})
	//這個(gè)函數(shù)用來(lái)上傳分片文件, 返回的是一個(gè) promise 對(duì)象, 方便后面使用  promise.all還判斷所有分片是否是上傳成功的
	//這里要說(shuō)明一下, $.post() 是不可以上傳文件的, 只能用$.ajax() 并且要把 contentType:false和processData:false 帶上
    function pro(formData){
        return new Promise((resolve,reject)=>{
            $.ajax({
                type:"post",
                url:"http://fastadmin.test/index/upload/getupload",  //后臺(tái)上傳文件的地址
                data:formData,
                contentType: false,    //這個(gè)不能少, ajax上傳文件是不能少的
                processData: false,	   //這個(gè)不能少, ajax上傳文件必傳 false
                success:function(res){
                    resolve(res)
                },
                fail: function () {
                    reject()
                }
            })
        })
    }		
</script>

以上就是 前端的 js 核心部分, 注釋基本就可以看懂了

php

使用的tp5的框架

public function getUpload(){
	$tempdir = APP_PATH."../public/tempdir"; //這里分片的文件指定了一個(gè)臨時(shí)目錄, 后面會(huì)用到
	$flag = input("flag",0);//接收參數(shù)flag 如果沒(méi)有這個(gè)參數(shù)就默認(rèn)為0, 如果flag=1,表示要組裝分片
	if($flag == 0){
		//這里是上傳分片
		$file = request()->file("file");  //接收到這個(gè)分片
		$tempfilename = input("tempfilename");  //接收到這個(gè)分片的名稱, (注意,這個(gè)名稱中含有排序信息)
		if(!file_exists($tempdir)){
			mkdir($tempdir,0755,true);		//如果臨時(shí)目錄不存在,則創(chuàng)建一個(gè)臨時(shí)目錄
		}
		$fileinfo = $file->move($tempdir,$tmpfilename);
		if($fileinfo){  // 這里把分片的文件保存在了臨時(shí)目錄中, 返回的結(jié)果有點(diǎn)簡(jiǎn)單, 可以根據(jù)自已的需求返回相應(yīng)的數(shù)據(jù)
			return josn(['error'=>0])
		}else{
			return json(['error'=>1])
		}
	}else if($flag == 1){
		//如果flag 為 1 表示, 分片已上傳完成了
		$filename = input("filename");
		//通過(guò)文件名的字符串匹配, 找上所有的分片, 返回一個(gè)文件路徑的數(shù)組
		$fileArr = glob($tempdir."/*".$filename);
		// 這里的 * 是一個(gè)通配符, 它可以了所以的文件名中 包含的 $filename 的文都找到
		//說(shuō)明一下, $fileArr中的數(shù)組的順序不是我們想要的 , 所以我們新建一個(gè)數(shù)組來(lái) 整理一下順序
		$newfileArr = [];
		foreach($fileArr as $f){
		//在js前端我們把文件的名稱 前加了 序號(hào)+"_", 所以我們可以取到文件名之后, 通過(guò) 下劃線來(lái)分開(kāi)并把序中寫(xiě)在 key 中
			$filebasename = basename($f); //$f是一個(gè)個(gè)的 路徑, 這里使用 basename 得到文件名
			$filebasenamesplit = explode("_",$filebasename); //通過(guò) 下劃線分割文件名, 
			$newfileArr[$filebasenamesplit[0]] = $f;    //構(gòu)造了一個(gè)新的數(shù)組, 其中 數(shù)組的key 就是 順序號(hào), 數(shù)組的值就是 分片文件的路徑
		}
		//分片的序號(hào)和路徑都準(zhǔn)備好了, 就可以組裝了
		$num = count($newfileArr);  //得到的所有分片的個(gè)數(shù), 為后面使用for 循環(huán)做準(zhǔn)務(wù)
		//開(kāi)始使用for 循環(huán)來(lái)組裝
		$newfilename = "huangjunhui".$filename; //這里為組裝后的文件起一個(gè)名字, 可隨意
		for($i = 1;$i<=$num;$i++){
			file_put_contents($newfilename,file_get_contents($newfileArr[$i]),FILE_APPEND);
			//這里以追加的方式, 把分片文件都寫(xiě)入到了一個(gè)文件中, 
		}
		......
		//刪除臨時(shí)文件中的分片文件, 這里可以使用 try catch來(lái)判斷是否有錯(cuò)誤
		foreach($newfileArr as $fi){
			unlink($fi);
		}
		//最后給前端返回 保存的文件名就可以
	}
}

上面的方法，我本地測(cè)試上傳了一個(gè) 650M的文件，只用的 20秒的時(shí)間, 沒(méi)有在服務(wù)器上測(cè)試過(guò)，大家可以按照這個(gè)方法試一下。

以上是“怎么使用php解決大文件分片上傳問(wèn)題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！