AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

Angular Js文件上传之form-data

51自学网 http://www.wanshiok.com
angularjs文件上传,angular文件上传,angular_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,希望大家喜欢。


angularjs文件上传,angular文件上传,angular_form-data  
上一篇:js游戏人物上下左右跑步效果代码分享  下一篇:jQuery热气球动画半透明背景的后台登录界面代码分享