#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