版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_26975307/article/details/82561454
//文件上传服务层
app.service("uploadService",function($http){
this.uploadFile=function(){
var formData = new FormData();
/*
* "file":文件上传框的name,这里固定为file
* file.files[0]:取第一个file
* */
formData.append("file",file.files[0]);
//
return $http({
method: 'POST',
url: '../upload.do',
data: formData,
headers:{'ContentType': undefined},
//对表单进行序列化
transformRequest: angular.identity
});
}
});
说明:
0、FormData是html5新增的对象,切勿在不支持html5的浏览器(尤其是令人操碎了心的IE)下使用,利用 FormData 对象,可以通过JavaScript键值对来模拟一系列表单控件,还可以使用 XMLHttpRequest的send() 方法来异步提交表单。与普通的Ajax相比,使用FormData 的最大优点就是可以异步上传二进制文件
1、anjularjs对于post和get请求默认的Content-Type header 是application/json。通过设置‘Content-Type’: undefined,这样浏览器会把Content-Type 设置为 multipart/form-data.
2、通过设置 transformRequest: angular.identity ,anjularjs transformRequest function 将序列化formdata object.
3、