Welcome 微信登录

首页 / 脚本样式 / JavaScript / Angular Js文件上传之form-data

前言:很久没更新博客,最近公司pc端技术选型用angular,这几天就赶鸭子上架,硬着头皮直接上手angular。其中有许多小坑陆陆续续踩起走。今天就遇到一个比较常见的问题:图片上传。
主题:图片上传服务器,然后通过服务器传阿里云。
不废话了直接贴前端代码:
$http({  method: ‘POST‘,  url: ‘/wechatapp/User/setAvatar‘,data: data,headers: {‘Content-Type‘: undefined},transformRequest: function(data) {var formData = new FormData();formData.append(‘avatar_data‘, data.adata);formData.append(‘avatar_file‘, data.file);return formData;},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方式传。
以上就是本文给大家介绍Angular Js文件上传之form-data,希望大家喜欢。