ajax多文件上传,js原生ajax请求(转)

 　　　　　　function uploadImageFile(){
                 var xhr = new XMLHttpRequest();
                 //定义表单变量
                 var file = document.getElementById('imageFiles').files;
                 //新建一个FormData对象
                 var formData = new FormData();
                 //追加文件数据
                 for(i=0;i<file.length;i++){
                      formData.append("file["+i+"]", file[i]);
                 }     

                 //post方式
                 xhr.open('POST', memberPath + "/backstage/photo/uploadPhoto.json");
                 //发送请求
                 xhr.send(formData);
                 //success回调
                 xhr.onreadystatechange = function(){
                     if ( xhr.readyState == 4 && xhr.status == 200 ) {
                         console.log( xhr.responseText );
                         var data = xhr.responseText;
                         data = JSON.parse(xhr.responseText)
                         if (data.code == 100) {
                             //insertPhotoList(data.userPhotos); 这里传过来的是一个List<model>，做页面逻辑处理的
                         } else if (data.code == 101) {
                             aler('上传图片不符合要求');
                         } else if (data.code == 102){
                             var update_vip_url = 'update_vip_url';
                             alert('您目前是普通会员，图片文件不可超过5M|升级会员可上传更大文件立即升级会员');
                         } else if (data.code == 103) {
                             alert('您目前是VIP会员，图片文件不可超过50M');
                         }

                     }
                 };
                 //设置超时时间
                 xhr.timeout = 100000;
                 xhr.ontimeout = function(event){}
             }

这里是针对一个按钮可多选的上传，也就是input加上了 multiple="multiple" 属性。change事件触发的。后台用的springMVC框架。

 MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
 Iterator<String> names = multipartRequest.getFileNames();

 while (names.hasNext()) {
                     String name = (String) names.next();
                     MultipartFile multipartFile = multipartRequest.getFile(name);
 }

这里用循环拿到文件，就可以进行上传操作了。

这里只是工作中遇到了，记录一下，考虑并不周全。js也是百度之后，找不到原页了，所以就不附转载地址了。见谅。