web文件上传问题如何利用xmlHttpRequest对象上传大文件(1G或以上)

如题，本人小白一名，在学习实现一个资源共享系统，涉及到很多1GB以上的文件，查阅了很多资料，发现可以用ajax实现，步骤如下：
1.通过javascript获取文件对象
2.利用slice将文件切割成小片
3.利用xmlhttprequest的send方法将片发送给处理程序
4.php处理程序将文件拼接
于是动手模拟了一下，可是总是没有该有的效果，求大神指导，谢谢！
文件上传端test.php代码如下：



处理端代码如下

什么浏览器？IE9-不支持HTML5的FormData对象，要用IE10+以上，chrome，firefox这种浏览器才行

                while(begin < size) {
                    var blob = upfile.slice(begin, end);
                    data.append('files', blob);
                    //建立连接
                    xhr.open('POST', '1.php', false);//这里要改成同步，要不同时发送ajax请求无法控制请求的次序，你服务器端就不好串接数据
                    //发送数据
                    xhr.send(data);
                    document.getElementById('progress').value = (end / size) * 100;
                    begin = end;
                    end = begin + blob_size;
                    //document.write(xhr.responseText);//要去掉或者注释掉这句，要不会导致文档流被覆盖
                }

再补几张我的执行效果，进度条可以正常显示并读到头：

可是文件列表中仍然没有对应文件，如下图：

是不是权限问题呢？我是centos 7系统，用root用户把apache下的html授予了777权限，然后切换成普通用户写的代码。
求大神帮助阿！！！

最好运用第三方插件，可完成功能，也可断点上传

webservice上传