php下ajax的文件切割上传

发布时间：2020-05-25 08:13:58 所属栏目：PHP 来源：互联网

导读：html5中的File对象继承Blob二进制对象，Blob提供了一个slice函数，可以用来切割文件数据。 lt;!DOCTYPE HTMLgt; lt;html lang=quot;zh-C

html5中的File对象继承Blob二进制对象，Blob提供了一个slice函数，可以用来切割文件数据。

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form method="post" id="myForm">
        <input type="file" name="file" id="upfile" />
        <input type="submit" name="submit" value="提交" />
    </form>
    <div id="upStatus"></div>
</body>
<script type="text/javascript">
    var myForm = document.getElementById("myForm");
    var upfile = document.getElementById("upfile");

    myForm.onsubmit = function() {
        //获取文件对象
        var file = upfile.files[0];
        //获取文件大小
        var fileSize = file.size;
        //一次截取的大小(字节)
        var CutSize = 1024 * 1024 * 10;
        //开始截取位置
        var CutStart = 0;
        //结束截取位置
        var CutEnd  = CutStart + CutSize;
        //截取的临时文件
        var tmpfile = new Blob();

        while(CutStart < fileSize) {
            tmpfile = file.slice(CutStart,CutEnd);

            //我们创建一个FormData对象
            var fd = new FormData();
            //把文件添加到FormData对象中
            fd.append("file",tmpfile);

            var xhr = new XMLHttpRequest();
            //这里使用同步
            xhr.open("post","upfile.php",false);
            
            //上传进度
            console.log(Math.round( (CutStart + tmpfile.size) / fileSize * 100) + "%");

            //发送FormData对象
            xhr.send(fd);
            //重新设置截取文件位置
            CutStart = CutEnd;
            CutEnd = CutStart + CutSize;
        }
        return false;
    };
</script>
</html>

upfile.php代码如下：

<?php
$uploadDir = './upload/';
if(!file_exists($uploadDir)) {
    @mkdir($uploadDir,0777,true);
}
$uploadFile = $uploadDir . basename($_FILES['file']['name']);

if(!file_exists($uploadFile)) {
    //如果文件不存在
    move_uploaded_file($_FILES['file']['tmp_name'],$uploadFile);
} else {
    //如果文件已存在，追加数据
    file_put_contents($uploadFile,file_get_contents($_FILES['file']['tmp_name']),FILE_APPEND);
}

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!