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

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

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