Angular Js文件上传之form-data
前言：很久没更新博客，最近公司pc端技术选型用angular,这几天就赶鸭子上架，硬着头皮直接上手angular。其中有许多小坑陆陆续续踩起走。今天就遇到一个比较常见的问题：图片上传。
主题：图片上传服务器，然后通过服务器传阿里云。
不废话了直接贴前端代码：
$http({
method:‘POST‘,
url:‘/wechatapp/User/setAvatar‘,
data:data,
headers:{
‘Content-Type‘:undefined
},
transformRequest:function(data){
varformData=newFormData();
formData.append(‘avatar_data‘,data.adata);
formData.append(‘avatar_file‘,data.file);
returnformData;
},
data:{
adata:scope.avatar_data,
file:scope.avatar_file
}
}).success(function(d){
//请求成功
cb(d);
}).error(function(err,status){
console.log(err);
cb(err);
});
其实没神马难点，主要是取消post默认的Content-Type,然后已FormData的方式上传。一般ajax上传文件都是以FormData方式传。
以上就是本文给大家介绍AngularJs文件上传之form-data，希望大家喜欢。