Angular Js文件上传之form-data
更新时间：2015年08月28日 11:34:00 投稿：mrr
angular-file-upload 是一个基于HTML5技术的文件上传轻量级 AngularJS指令（directive），当浏览器不支持时转为采用 FileAPI polyfill技术实现(基于Flash)。本文主要给大家介绍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，希望大家喜欢。
相关文章
这篇文章主要为大家详细介绍了基于JavaScript定位当前的地理位置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了JavaScript 上传文件限制参数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
javascript设计模式 – 中介者模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 中介者模式,结合实例形式分析了javascript中介者模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
这篇文章主要介绍了在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示),需要的朋友可以参考下2017-05-05
这篇文章主要为大家介绍了js实现获取最新本周周一开始的日期（单周日历卡）示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-10-10
连连看最难的部分应该是路径搜索，即鼠标点的两点之间看有无可通的路径。 看过有人写的递归写法，心里痒痒，就捉摸了一下，发现不用递归的情况下难度也不大2013-12-12
左键复制对于所有人来说有好有坏，例如原创内容就不想被别人复制，接下来介绍一种方法，有需要的朋友可以参考下2013-01-01
最近在做公司的小程序项目,发现设计上有很多不统一,代码上有很多冗余,下面这篇文章主要给大家介绍了关于小程序开发实战指南之封装自定义弹窗组件的相关资料,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了JS手写一个自定义Promise操作,结合实例形式分析了JS自定义Promise的实现与使用相关操作技巧,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了js实现界面向原生界面发消息并跳转功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
最新评论