Angular js file upload form-data_javascript skills

Preface : Long time did not update the blog, the recent company PC end technology selection with angular, these days on the spot, the bite of the bullet directly angular. Many of the small pits continued to tread. Today, a more common problem is encountered: Picture upload.

theme : Picture upload Server, and then pass Aliyun through the server.

No nonsense. Directly paste the front end code:

$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) {
    //Request successful
    CB (d);
  }). Error (Function (err, status) {
    console.log (err);
    CB (ERR);
  

In fact, there is no God horse difficulty, the main is to cancel post default Content-type, and then have formdata the way to upload. General Ajax upload files are transmitted in Formdata way.

The above is the article to introduce angular JS file upload form-data, I hope you like.