手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Angular Js文件上传之form-data
Angular Js文件上传之form-data
摘要:前言:很久没更新博客,最近公司pc端技术选型用angular,这几天就赶鸭子上架,硬着头皮直接上手angular。其中有许多小坑陆陆续续踩起...

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

【Angular Js文件上传之form-data】相关文章:

AngularJS学习笔记之ng-options指令

AngularJs中route的使用方法和配置

在JS中操作时间之getUTCMilliseconds()方法的使用

详解AngularJS中的表达式使用

JQuery控制Radio选中方法分析

AngularJS中的一些常用指令介绍

angular2使用简单介绍

AngularJS学习笔记之基本指令

Angular中$compile源码分析

Webpack 实现 AngularJS 的延迟加载

精品推荐
分类导航