Ajax实现文件上传

Ajax实现文件上传时通过FormData实现的

FormData

 概述

FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。

 构造函数

创建一个formData对象实例有几种方式

1、创建一个空对象实例

var formData = new FormData();

此时可以调用append()方法来添加数据

这里简单的介绍一下FormData，有兴趣的朋友可以自己私下看看；

 下面给大家介绍两种实现文件上传 

1：没使用插件，单个文件的上传（注意：ajax实现文件上传的话用到的是：绝对路径）

 
 
 
  
  
  
 
 
       
 
             文件: 
       
 
            上传文件 
 
       

2：Ajax实现多文件的上传 （这个是多选上传，关键是multiple="multiple"这个属性，另外使用的接口也是多文件上传的接口）

 
 
 
  
  
  
 
 
        
 
             文件:
 
        
 
            上传文件 
 
 

这边都是前端代码，后台代码也之间简单的文件上传用法一样。