php结合web uploader插件实现分片上传文件

最近研究了下大文件上传的方法，找到了webuploaderjs插件进行大文件上传，大家也可以参考

最近研究了下大文件上传的方法，找到了webuploader js 插件进行大文件上传，大家也可以参考这篇文章进行学习：《Web Uploader文件上传插件使用详解》

使用

 使用webuploader分成简单直选要引入

<!--引入CSS-->
<link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploader.css">

<!--引入JS-->
<script type="text/javascript" src="webuploader文件夹/webuploader.js"></script>

HTML部分

<div id="uploader" class="wu-example">
 <!--用来存放文件信息-->
 <div id="thelist" class="uploader-list"></div>
 <div class="btns">
 <div id="picker">选择文件</div>
 <button id="ctlBtn" class="btn btn-default">开始上传 </button>
 </div>
 </div>

初始化Web Uploader

jQuery(function() {
 $list = $('#thelist'),
 $btn = $('#ctlBtn'),
 state = 'pending',
 uploader;

 uploader = WebUploader.create({
 // 不压缩image
 resize: false,
 // swf文件路径
 swf: 'uploader.swf',
 // 文件接收服务端。
 server: upload.php,
 // 选择文件的按钮。可选。
 // 内部根据当前运行是创建，可能是input元素，也可能是flash.
 pick: '#picker',
 chunked: true,
 chunkSize:2*1024*1024,
 auto: true,
 accept: {
 title: 'Images',
 extensions: 'gif,jpg,jpeg,bmp,png',
 mimeTypes: 'image/*'
 }
 });

upload.php处理

以下是根据别人的例子自己拿来改的php 后台代码

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
 header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
 header("Cache-Control: no-store, no-cache, must-revalidate");
 header("Cache-Control: post-check=0, pre-check=0", false);
 header("Pragma: no-cache");

 if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
 exit; // finish preflight CORS requests here
 }
 if ( !empty($_REQUEST[ 'debug' ]) ) {
 $random = rand(0, intval($_REQUEST[ 'debug' ]) );
 if ( $random === 0 ) {
 header("HTTP/1.0 500 Internal Server Error");
 exit;
 }
 }

 // header("HTTP/1.0 500 Internal Server Error");
 // exit;
 // 5 minutes execution time
 @set_time_limit(5 * 60);
 // Uncomment this one to fake upload time
 // usleep(5000);
 // Settings
 // $targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload";
 $targetDir = 'uploads'.DIRECTORY_SEPARATOR.'file_material_tmp';
 $uploadDir = 'uploads'.DIRECTORY_SEPARATOR.'file_material';
 $cleanupTargetDir = true; // Remove old files
 $maxFileAge = 5 * 3600; // Temp file age in seconds
 // Create target dir
 if (!file_exists($targetDir)) {
 @mkdir($targetDir);
 }
 // Create target dir
 if (!file_exists($uploadDir)) {
 @mkdir($uploadDir);
 }
 // Get a file name
 if (isset($_REQUEST["name"])) {
 $fileName = $_REQUEST["name"];
 } elseif (!empty($_FILES)) {
 $fileName = $_FILES["file"]["name"];
 } else {
 $fileName = uniqid("file_");
 }
 $oldName = $fileName;
 $filePath = $targetDir . DIRECTORY_SEPARATOR . $fileName;
 // $uploadPath = $uploadDir . DIRECTORY_SEPARATOR . $fileName;
 // Chunking might be enabled
 $chunk = isset($_REQUEST["chunk"]) ? intval($_REQUEST["chunk"]) : 0;
 $chunks = isset($_REQUEST["chunks"]) ? intval($_REQUEST["chunks"]) : 1;
 // Remove old temp files
 if ($cleanupTargetDir) {
 if (!is_dir($targetDir) || !$dir = opendir($targetDir)) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 100, "message": "Failed to open temp directory."}, "id" : "id"}');
 }
 while (($file = readdir($dir)) !== false) {
 $tmpfilePath = $targetDir . DIRECTORY_SEPARATOR . $file;
 // If temp file is current file proceed to the next
 if ($tmpfilePath == "{$filePath}_{$chunk}.part" || $tmpfilePath == "{$filePath}_{$chunk}.parttmp") {
 continue;
 }
 // Remove temp file if it is older than the max age and is not the current file
 if (preg_match('/\.(part|parttmp)$/', $file) && (@filemtime($tmpfilePath) < time() - $maxFileAge)) {
 @unlink($tmpfilePath);
 }
 }
 closedir($dir);
 }

 // Open temp file
 if (!$out = @fopen("{$filePath}_{$chunk}.parttmp", "wb")) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
 }
 if (!empty($_FILES)) {
 if ($_FILES["file"]["error"] || !is_uploaded_file($_FILES["file"]["tmp_name"])) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}');
 }
 // Read binary input stream and append it to temp file
 if (!$in = @fopen($_FILES["file"]["tmp_name"], "rb")) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');
 }
 } else {
 if (!$in = @fopen("php://input", "rb")) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}');
 }
 }
 while ($buff = fread($in, 4096)) {
 fwrite($out, $buff);
 }
 @fclose($out);
 @fclose($in);
 rename("{$filePath}_{$chunk}.parttmp", "{$filePath}_{$chunk}.part");
 $index = 0;
 $done = true;
 for( $index = 0; $index < $chunks; $index++ ) {
 if ( !file_exists("{$filePath}_{$index}.part") ) {
 $done = false;
 break;
 }
 }



 if ( $done ) {
 $pathInfo = pathinfo($fileName);
 $hashStr = substr(md5($pathInfo['basename']),8,16);
 $hashName = time() . $hashStr . '.' .$pathInfo['extension'];
 $uploadPath = $uploadDir . DIRECTORY_SEPARATOR .$hashName;

 if (!$out = @fopen($uploadPath, "wb")) {
 die('{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}');
 }
 if ( flock($out, LOCK_EX) ) {
 for( $index = 0; $index < $chunks; $index++ ) {
 if (!$in = @fopen("{$filePath}_{$index}.part", "rb")) {
 break;
 }
 while ($buff = fread($in, 4096)) {
 fwrite($out, $buff);
 }
 @fclose($in);
 @unlink("{$filePath}_{$index}.part");
 }
 flock($out, LOCK_UN);
 }
 @fclose($out);
 $response = [
 'success'=>true,
 'oldName'=>$oldName,
 'filePaht'=>$uploadPath,
 'fileSize'=>$data['size'],
 'fileSuffixes'=>$pathInfo['extension'],
 'file_id'=>$data['id'],
 ];

 die(json_encode($response));
 }

 // Return Success JSON-RPC response
 die('{"jsonrpc" : "2.0", "result" : null, "id" : "id"}');