Angular Js檔上傳之form-data_javascript技巧

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