HTML5----FormData实例用法

#ajax 异步上传文件

##1.前言

在网页与后台的交互中，用的最多的网络交互方式之一就是ajax，ajax 是免刷新页面就能从进行post与get方式的提交表单和获取服务端数据，但是在原先的ajax中，是不能携带文件上传的，但是由于h5里面的FormData的出现，让ajax可以直接在网页里面异步上传文件

##2.前期准备
下面代码是在jquery演示

###一、ajax的原理图

  1、用户客户端发出HttpRequest     Ajax请求到服务端
  2、服务端做出响应，发出xml的数据交给ajax返回给用户
  3、用户客户端（浏览器）接受到数据后，通过一些处理展现在客户端看

下面我们来实现用AJAX传文件

###二、FormData详解
　 XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。
 FormData的出现，可以减少我们一些工作量 ，向在服务端传输值的时候类似于 jque