大文件断点上传 js+php

/*

* js

*/

function PostFile(file, i, t) {   

　　console.log(1); 

　　var name = file.name,

　　//文件名

　　size = file.size,

　　type = file.type,

　　//总大小shardSize = 2 * 1024 * 1024,

　　shardSize = 2 * 1024 * 1024,

　　//以2MB为一个分片,每个分片的大小

　　shardCount = Math.ceil(size / shardSize);  //总片数

                                

　　if (i >= shardCount) {

　　　　return;

　　}     //console.log(size,i+1,shardSize);  //文件总大小，第一次，分片大小//

                                

　　var start = i * shardSize;    

　　var end = start + shardSize;    

　　var packet = file.slice(start, end);  //将文件进行切片

　　/*  构建form表单进行提交  */     

　　var form = new FormData();    

　　form.append("data", packet); //slice方法用于切出文件的一部分

                                

　　form.append("lastModified", file.lastModified); //最后的额修改时间

                                

　　form.append("name", name);    

　　form.append("type", type);    

　　form.append("totalsize", size);    

　　form.append("total", shardCount); //总片数

                                

　　form.append("index", i + 1); //当前是第几片

　　form.append("_cfs", $.cookie('_cfc'));    

　　$.ajax({      

　　　　formData: {

　　　　_cfs: $.cookie('_cfc')

　　　　},

　　　　url: uploaddo_url,

　　　　type: "POST",

　　　　data: form,

　　　　//timeout:"10000",

   　　async: true, //异步

　　　　dataType: "json",

　　　　processData: false, //很重要，告诉jquery不要对form进行处理

　　　　contentType: false, //很重要，指定为false才能形成正确的Content-Type

　　　　success: function(msg) {

　　　　　　      

　　　　　　console.log(msg.status);         /*  表示上一块文件上传成功，继续下一次  */         

　　　　　　if (msg.status == 201) {    

　　　　　　　　form = '';          

　　　　　　　　i++;          

　　　　　　　　PostFile(file, i, t);   

　　　　　　} else if (msg.status == 502) {          

　　　　　　　　form = '';           /*  失败后，每2秒继续传一次分片文件  */           

　　　　　　　　setInterval(function() { PostFile(file, i, t) }, 2000);        

　　　　　　　　console.log("上传失败");

　　　　　　} else if (msg.status == 200) {

　　　　　　　　console.log("上传成功");

　　　　　　　　

　　　　　　} else if (msg.status == 500) {

　　　　　　　　console.log('第' + msg.i + '次，上传文件有误！');

　　　　　　} else { 

　　　　　　　　console.log('未知错误');

　　　　　　}      

　　　　},

　　　　error: function(msg) {

　　　　　　console.log(2);

　　　　　　console.log(msg.status);

　　　　}

　　})  

　}

php代码示例

public function video(){

        

        $files = $_FILES['data'];

        

        $arr['i'] = $this->input->post('index');

        $arr['shardCount'] = $this->input->post('total');

        $arr['totalsize'] = $this->input->post('totalsize');

        $arr['fileName'] = $this->input->post('name');

        $arr['type'] = $this->input->post('type');

        

        

        if($files['error'] > 0) {

            $arr['status'] = 502;

            exit(json_encode($arr));

        }

        

        

        /*  检测第一次上传的时候已经有同文件时，删除原来的文件  */

        if ($arr['i'] == 1 && is_file(UPLOAD_PATH. $arr['fileName']) && filesize(UPLOAD_PATH. $arr['fileName']) == $arr['totalsize']){

            unlink(UPLOAD_PATH. $arr['fileName']);

        }

        

        

        // 否则继续追加文件数据

        if (!file_put_contents(UPLOAD_PATH.$arr['fileName'],file_get_contents($files['tmp_name']),FILE_APPEND)) {

            $arr['status'] = 501;

            exit(json_encode($arr));

        }

        

        // 在上传的最后片段时，检测文件是否完整（大小是否一致）

        if ($arr['i'] == $arr['shardCount']) {

            if(filesize(UPLOAD_PATH. $arr['fileName']) == $arr['totalsize']){

                $arr['status'] = 200;

                $this->CI =& get_instance();

                $this->CI->load->library('OssLibrary');

                $files = array();

                $content = file_get_contents(UPLOAD_PATH. $arr['fileName']);

                $files[] = OssLibrary::putObject($content, $arr['fileName'], $arr['totalsize'], $arr['type']);

                if ($files) {

                    unlink(UPLOAD_PATH. $arr['fileName']);

                    // 插入数据库

                    $this->db_isnert($files);

                }

                $arr['data'] = $files;

                

            }else{

                $arr['status'] = 501;

            }

            exit(json_encode($arr));

        }

        $arr['status'] = 201;

        exit(json_encode($arr));

        

    }

function PostFile(file, i, t) {

console.log(1);

var name = file.name,

//文件名

size = file.size,

type = file.type,

//总大小shardSize = 2 * 1024 * 1024,

shardSize = 2 * 1024 * 1024,

//以2MB为一个分片,每个分片的大小

shardCount = Math.ceil(size / shardSize);  //总片数

if (i >= shardCount) {

return;

}     //console.log(size,i+1,shardSize);  //文件总大小，第一次，分片大小//

var start = i * shardSize;

var end = start + shardSize;

var packet = file.slice(start, end);  //将文件进行切片

/*  构建form表单进行提交  */

var form = new FormData();

form.append("data", packet); //slice方法用于切出文件的一部分

form.append("lastModified", file.lastModified); //最后的额修改时间

form.append("name", name);

form.append("type", type);

form.append("totalsize", size);

form.append("total", shardCount); //总片数

form.append("index", i + 1); //当前是第几片

form.append("_cfs", $.cookie('_cfc'));

$.ajax({

formData: {

_cfs: $.cookie('_cfc')

},

url: uploaddo_url,

type: "POST",

data: form,

//timeout:"10000",

async: true, //异步

dataType: "json",

processData: false, //很重要，告诉jquery不要对form进行处理

contentType: false, //很重要，指定为false才能形成正确的Content-Type

success: function(msg) {

progressall(i + 1, shardCount);

console.log(msg.status);         /*  表示上一块文件上传成功，继续下一次  */

if (msg.status == 201) {

form = '';

i++;

PostFile(file, i, t);

} else if (msg.status == 502) {

form = '';           /*  失败后，每2秒继续传一次分片文件  */

setInterval(function() { PostFile(file, i, t) }, 2000);

console.log("上传失败");

} else if (msg.status == 200) {
                                        console.log("上传成功");

done(msg.data, t)

} else if (msg.status == 500) {

console.log('第' + msg.i + '次，上传文件有误！');

} else {

console.log('未知错误');

}

},

error: function(msg) {

console.log(2);

console.log(msg.status);

}                             })                           }

DEMO下载地址：https://dwz.cn/fgXtRtnu