Angular Js文件上传之form-data
2015-08-28 00:00
831 查看
前言:很久没更新博客,最近公司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,希望大家喜欢。
相关文章推荐
- angularjs ui-route
- angular form-data文件上传
- angularjs指令系统
- Angular新手容易碰到的坑
- AngularJS 应用身份认证的技巧
- angularjs 点滴汇总
- ngGrid checkbox应用
- ionic中点击图片看大图的实现
- JavaScript调用AngularJS的函数/$scope/变量
- angularjs 去往其他页面,目标页面controller中的方法无法自动加载
- angularjs 切换页面传参数
- angularjs 页面返回 参数传递
- angularJS学习资源最全汇总
- angularjs+requirejs整合
- angularjs自动加载和手动加载
- AngularJS的加载执行过程
- AngularJS 学习笔记值post传值
- 【转】Angularjs Controller 间通信机制
- asp.net mvc中用angularJs写的增删改查的demo。初学者,求指点。。
- Angular directive实践($compile , ngModel ...)