Technique de téléchargement de fichier Angular Js form-data_javascript

Avant-propos : Je n'ai pas mis à jour mon blog depuis longtemps. Récemment, la sélection technologique côté PC de l'entreprise utilise Angular. Ces derniers jours, je me suis précipité pour le mettre en ligne. étagères, alors je mords la balle et commence à utiliser Angular directement. Il existe de nombreuses petites fosses sur lesquelles on peut marcher les unes après les autres. Aujourd'hui, j'ai rencontré un problème relativement courant : le téléchargement d'images.

Thème : L'image est téléchargée sur le serveur, puis transmise à Alibaba Cloud via le serveur.

Plus de bêtises, postez simplement le code front-end :

$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);
  });

En fait, il n'y a aucune difficulté. L'essentiel est d'annuler le Content-Type par défaut de la publication, puis de le télécharger sous la forme de FormData. Généralement, les fichiers de téléchargement ajax sont téléchargés en mode FormData.

Ce qui précède est l'article présentant les données de formulaire pour le téléchargement de fichiers Angular Js. J'espère qu'il vous plaira.