快捷導(dǎo)航

PHP大文件切割上傳功能實(shí)例分析

更新時(shí)間：2019年07月01日 09:52:32 作者：webbc

這篇文章主要介紹了PHP大文件切割上傳功能,結(jié)合實(shí)例形式分析了php針對大文件切割上傳的原理、實(shí)現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了PHP大文件切割上傳功能。分享給大家供大家參考，具體如下：

大家都知道php上傳文件有限制，如果沒有修改過php.ini文件的話，默認(rèn)的上傳大小限制為2M，那么該如何上傳大文件了，比如說上傳一個(gè)1G多的大文件，可以使用大文件切割上傳的方式來解決。

何為大文件切割上傳？

原理：利用HTML5的新特性，將文件內(nèi)容切割成分段的二進(jìn)制信息，然后每次向服務(wù)器上傳一段，而服務(wù)器，只需要把我們每次上傳的二進(jìn)制信息整合存儲到一個(gè)文件中，那么最后這個(gè)文件就是所上傳的文件。

由于php.ini默認(rèn)的上傳大小為2M，如果每批都上傳2M，我測試的時(shí)候時(shí)間比較長，這里我將其限制大小該為20M,最大post數(shù)據(jù)為28M，便于測試。如果實(shí)際開發(fā)中不能修改其參數(shù)，則每批上傳的數(shù)據(jù)不能超過最大限制。

post_max_size = 28M
upload_max_filesize = 20M

JavaScript中的File對象

在之前的文章中我們已經(jīng)使用到了這個(gè)Api，F(xiàn)ile對象中保存了文件的大小、名稱、類型等信息

JavaScript中的Blob對象

Blob對象是二進(jìn)制對象，也是File對象的父類，Blob對象中有一個(gè)很重要的方法：slice() 方法，利用這個(gè)方法我們可以把文件內(nèi)容切割成二進(jìn)制信息。slice() 方法接受三個(gè)參數(shù)，起始偏移量，結(jié)束偏移量，還有可選的 mime 類型。如果 mime 類型，沒有設(shè)置，那么新的 Blob 對象的 mime 類型和父級一樣。

案例：

項(xiàng)目結(jié)構(gòu)圖：

這里寫圖片描述

13-slice-upload.html文件：

頁面中主要有一個(gè)上傳控件，確認(rèn)文件后響應(yīng)selfile方法，然后讀取文件信息，設(shè)置每批上傳文件限制為10M，接著在while循環(huán)中，不斷的切割文件，然后發(fā)送上傳請求。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>大文件切割上傳</title>
 <link rel="stylesheet" href="">
<script>
 function selfile(){
  const LENGTH = 1024 * 1024 * 10;//每次上傳的大小
  var file = document.getElementsByName('video')[0].files[0];//文件對象
  var totalSize = file.size;//文件總大小
  var start = 0;//每次上傳的開始字節(jié)
  var end = start + LENGTH;//每次上傳的結(jié)尾字節(jié)
  var fd = null//創(chuàng)建表單數(shù)據(jù)對象
  var blob = null;//二進(jìn)制對象
  var xhr = null;//xhr對象
  while(start < totalSize){
   fd = new FormData();//每一次需要重新創(chuàng)建
   xhr = new XMLHttpRequest();//需要每次創(chuàng)建并設(shè)置參數(shù)
   xhr.open('POST','13-slice-upload.php',false);
   blob = file.slice(start,end);//根據(jù)長度截取每次需要上傳的數(shù)據(jù)
   fd.append('video',blob);//添加數(shù)據(jù)到fd對象中
   xhr.send(fd);//將fd數(shù)據(jù)上傳
   //重新設(shè)置開始和結(jié)尾
   start = end;
   end = start + LENGTH;
  }
 }
</script>
</head>
<body>
 <h1>大文件切割上傳</h1>
 <input type="file" name="video" onchange="selfile();" />
</body>
</html>

13-slice-upload.php文件：

如果第一次上傳時(shí)，文件不存在，就創(chuàng)建文件，此后上傳只需要把數(shù)據(jù)追加到此文件中。

<?php
/**
 * 大文件切割上傳，把每次上傳的數(shù)據(jù)合并成一個(gè)文件
 * @author webbc
 */
$filename = './upload/upload.wmv';//確定上傳的文件名
//第一次上傳時(shí)沒有文件，就創(chuàng)建文件，此后上傳只需要把數(shù)據(jù)追加到此文件中
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);
}
?>

運(yùn)行結(jié)果圖：

這里寫圖片描述