AngularJs异步上传图片,并获取图片地址(JS service层)
//文件上传服务层 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.