zoukankan      html  css  js  c++  java
  • php下ajax的文件切割上传

    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);
    }
    
  • 相关阅读:
    数组作为方法参数
    定义一个方法,根据商品总价,计算出对应的折扣并输出。折扣信息如下
    Cocos2d入门--1--初涉相关属性或代码
    JSP基础--JAVA遇见HTML
    查找算法--折半查找
    排序算法--冒泡排序
    排序算法--简单选择排序
    C语言的传值与传址调用
    学习C语言的数组
    如何获取QQ里的截图app?
  • 原文地址:https://www.cnblogs.com/jkko123/p/6294581.html
Copyright © 2011-2022 走看看