我第一反应是blob，在HTML5中添加了blob类型用来定义前端较大数据，之前使用过blob流传输视频再使用html5中<video>标签读取blob流，所以blob可以作为这种文件传输的载体，那如何提交呢，使用可formdata提交blob数据，这种方式可以承受较大数据量的文件，但在使用formdata传输的过程中，浏览器会卡死，无法操作。
还是舍友提醒，可采用数据分割的方式，一部分一部分上传。后经百度得知，文件分割要防止数据丢失进行大小校验，以及防止外部入侵，进行分段前端加密，后端校验。
百度发布了一款分割上传的组件web upload，可包含文件分割，大小校验等功能。
网站为： http://fex.baidu.com/webuploader/getting-started.html
佩服我们大学宿舍的技术氛围，出差回来的火车上跟大学舍友在微信上聊了两三个小时的技术，，，那天刚好是大学生开学那几天，路上好多大学生，好怀念自己的大学生活，好怀念与大学舍友谈天说地或技术探讨到深夜的日子
说了几个前端的问题，总结记录一下吧
其中只有一个我会的，，，先说这个问题，其他的我学习完再分享，留坑。。。。。。
超大文件传给别人需要打开百度网盘，进入文件上传页面，找到需要传输给别人的文件，将文件链接复制粘贴发送给好友即可。
工具／原料：联想小新Air15、win11、百度网盘7.4.3.3
1、进入文件上传页面
打开电脑桌面上的百度网盘，登录百度网盘软件，登录完成后点击打开弹出页面中的上传选项，进入文件上传页面。
2、上传要分享文件
在弹出的文件上传页面中，点击需要分享的文件，并选择打开选项，等待上传完成。
3、将链接发送好友
上传完成后找到该文件右击该文件，并点击分享选项，将弹出页面中的链接复制发给好友，这样好友即可通过该链接下载该文件。
//代码不支持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) }}}) }
![[HTML表格]3.表格嵌套](/aiimages/%5BHTML%E8%A1%A8%E6%A0%BC%5D3.%E8%A1%A8%E6%A0%BC%E5%B5%8C%E5%A5%97.png)
