信鸽网

Angular Js文件上传之form-data

  作者：bea

前言：很久没更新博客，最近公司pc端技术选型用angular,这几天就赶鸭子上架，硬着头皮直接上手angular。其中有许多小坑陆陆续续踩起走。今天就遇到一个比较常见的问题：图片上传。 主题：图片上传服务器，然后通过服务器传阿里云。 不废话了直接贴前端代码： $http({　　method: ‘POST‘,　　url: ‘/wechatapp/User/setAvatar‘, data: data, headers: { ‘Content-Type‘: unde

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




有用  |  无用

猜你喜欢

您可能感兴趣的文章: