我第一反应是blob，在HTML5中添加了blob类型用来定义前端较大数据，之前使用过blob流传输视频再使用html5中<video>标签读取blob流，所以blob可以作为这种文件传输的载体，那如何提交呢，使用可formdata提交blob数据，这种方式可以承受较大数据量的文件，但在使用formdata传输的过程中，浏览器会卡死，无法操作。
还是舍友提醒，可采用数据分割的方式，一部分一部分上传。后经百度得知，文件分割要防止数据丢失进行大小校验，以及防止外部入侵，进行分段前端加密，后端校验。
百度发布了一款分割上传的组件web upload，可包含文件分割，大小校验等功能。
网站为： http://fex.baidu.com/webuploader/getting-started.html
佩服我们大学宿舍的技术氛围，出差回来的火车上跟大学舍友在微信上聊了两三个小时的技术，，，那天刚好是大学生开学那几天，路上好多大学生，好怀念自己的大学生活，好怀念与大学舍友谈天说地或技术探讨到深夜的日子
说了几个前端的问题，总结记录一下吧
其中只有一个我会的，，，先说这个问题，其他的我学习完再分享，留坑。。。。。。
//代码不支持IE 因为IE对HTML5支持不好$("#file").change(function(event) { var file = $("#file")[0].files[0]PostFile(file,0) })function PostFile(file,i){var name = file.name,//文件名size = file.size,//总大小shardSize = 2 * 1024 * 1024,shardSize = 2 * 1024 * 1024,//以2MB为一个分片shardCount = Math.ceil(size / shardSize) //总片数if(i >= shardCount){return }//计算每一片的起始与结束位置var start = i * shardSize,end = Math.min(size, start + shardSize) //构造一个表单，FormData是HTML5新增的var form = new FormData() form.append("data", file.slice(start,end)) //slice方法用于切出文件的一部分form.append("lastModified", file.lastModified) //slice方法用于切出文件的一部分form.append("name", name) form.append("total", shardCount) //总片数form.append("index", i + 1) //当前是第几片 //Ajax提交$.ajax({url: "/test/AjaxFile",type: "POST",data: form,async: true,//异步processData: false, //很重要，告诉jquery不要对form进行处理contentType: false, //很重要，指定为false才能形成正确的Content-Typesuccess: function(data){if(data){i = data++ var num = Math.ceil(i*100 / shardCount) $("#output").text(num+'%') PostFile(file,i) }}}) }根本不需要那么麻烦，装一个扩展就实现了，代码都不用写。AetherUpload-Laravel提供超大文件上传的Laravel扩展包，支持分组配置、断线续传、秒传等功能，简单易用，满足多数人的主流需求，无需编写适配代码，几乎开箱即用。
