最近，在一个项目中有一组丰富的功能。你需要上传视频。这里我想进行异步上传，并且有进度条，响应状态代码、视频连接和缩略图。

服务器端的响应


{
缩略图： / / / slsxpt上传/缩略图/ fdceefc .jpg
成功：是真的吗，
链接： / / / slsxpt上传/视频/ fdceefc。MP
}


我希望我的输入文件控件不能被表单标记包住，原因是表单不能嵌套在表单中，表单标签在浏览器中有一点默认样式，CSS写起来很糟糕。

用ajaxfileupload做文件上传是异步的。但这件事已经很长时间没有更新，代码和错误，虽然用最后的不情愿，但不好，ajaxfileupload不直接添加xhr2进展的事件响应，这是比较麻烦的。

寻找互联网，找到很多方法。

例如，在文件上传，上传进度放入会话，和轮询服务器会话。但是这种方法我总觉得有一个问题，我想看到这样的进步，我应该是服务器应用程序（或行动）复制文件从日程临时目录服务器，因为所有的请求应该被提交到服务器软件，这是Tomcat，Tomcat封装会议请求，和其他对象，它实际上应该接受它，在我的行动代码被执行，文件已经上传。

后来，我们发现了一个更好的方式来使用的jquery.form.js插件。方法以表格来提交ajaxsubmit方法，即美元。FN。ajaxsubmit。：$（表格选择器（。ajaxsubmit）{ }），受益的API是xhr2进步和处理时间，可以在函数传递一个uploadprogress打电话，我们可以在功能上得到进步，如果你不想输入文件包的形式，也不要紧，在代码，createElement应该没问题。但遗憾的是，我最后并没有成功，因为我做了一个小错误。

ajaxsubmit源代码

最后，美元。用Ajax方法。美元。Ajax不需要相关的形式，有点像一个静态方法。唯一遗憾的是，有进步$没有响应。Ajax的选项。但它有一个参数的XHR，即你可以自定义XHR，所以你可以添加事件处理程序通过XHR进步很长一段时间。在在ajaxsubmit方法的进步事件的处理上看一看，真是豁然开朗


然后我还可以添加事件处理程序的进展美元。Ajax方法。为了从上传服务提取DOM操作，我决定写一plug-in.the以下形式的插件代码


（函数（$）{）
var默认值= {
uploadprogress：空，
beforesend：空，
成功：无效，
}，
设置= {
}；
var上传=函数（$）{
this.parent美元（）（），（‘变'，为这个函数（事件）{）
此$（事件对象），
var =新的表单（表单），
目标= event.target event.srcelement | |；
/ /美元。每个（target.files，功能（键，值））

/ / console.log（关键）；
/ / formdata.append（键，值）；
/