Angular Js文件上传之form-data


Posted in Javascript onAugust 28, 2015

前言:很久没更新博客,最近公司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,希望大家喜欢。

Javascript 相关文章推荐
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
Dec 23 Javascript
玩转方法:call和apply
May 08 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
jQuery实现列表的增加和删除功能
Jun 14 jQuery
react-native android状态栏的实现
Jun 15 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 #Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 #Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 #Javascript
js实现显示当前状态的导航效果代码
Aug 28 #Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 #Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 #Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 #Javascript
You might like
理解和运用PHP中的多态性[译]
2011/08/02 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
Yii2单元测试用法示例
2016/11/12 PHP
PHP使用DOM和simplexml读取xml文档的方法示例
2017/02/08 PHP
js网页版计算器的简单实现
2013/07/02 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
各种选择框jQuery的选中方法(实例讲解)
2017/06/27 jQuery
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
python线程池threadpool使用篇
2018/04/27 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Python实现12306火车票抢票系统
2019/07/04 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
python实现邮件循环自动发件功能
2020/09/11 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
美国相机和电子产品零售商:Beach Camera
2020/11/26 全球购物
年终总结会议主持词
2014/03/17 职场文书
我的小天地教学反思
2014/04/30 职场文书
法定代表人资格证明书
2014/09/11 职场文书
2015年全国爱耳日活动总结
2015/02/27 职场文书
活动费用申请报告
2015/05/15 职场文书
关于环保的广播稿
2015/12/17 职场文书
使用CSS设置滚动条样式
2022/01/18 HTML / CSS