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 相关文章推荐
javascript实现仿银行密码输入框效果的代码
Dec 13 Javascript
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
jQuery实现全选、反选和不选功能
Aug 16 jQuery
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
Angular2实现组件交互的方法分析
Dec 19 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
jquery更改元素属性attr()方法操作示例
May 22 jQuery
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下安装配置fckeditor编辑器的方法
2011/03/02 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
Python查看多台服务器进程的脚本分享
2014/06/11 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
3个用于数据科学的顶级Python库
2018/09/29 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
python 高阶函数简单介绍
2021/02/19 Python
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
大学校园毕业自我鉴定
2014/01/15 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
作文批改评语大全
2014/04/23 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
教师节主题班会教案
2015/08/17 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
世界十大狙击步枪排行榜
2022/03/20 杂记