AngularJs异步上传图片，并获取图片地址（JS service层）

版权声明：本文为博主原创文章，未经博主允许不得转载。 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、