Vorwort: Ich habe meinen Blog schon lange nicht mehr aktualisiert. In den letzten Tagen habe ich mich beeilt, die PC-seitige Technologieauswahl des Unternehmens zu veröffentlichen Regale, also beiße ich in den sauren Apfel und fange an, Angular direkt zu verwenden. Es gibt viele kleine Gruben, die nacheinander betreten werden können. Heute bin ich auf ein relativ häufiges Problem gestoßen: das Hochladen von Bildern.
Thema: Das Bild wird auf den Server hochgeladen und dann über den Server an Alibaba Cloud übertragen.
Kein Unsinn mehr, posten Sie einfach den Frontend-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) {
//请求成功
cb(d);
}).error(function(err, status) {
console.log(err);
cb(err);
});Tatsächlich gibt es keine Schwierigkeiten. Die Hauptsache besteht darin, den Standardinhaltstyp des Beitrags zu löschen und ihn dann in Form von FormData hochzuladen. Im Allgemeinen werden Ajax-Upload-Dateien im FormData-Modus hochgeladen.
Der obige Artikel stellt Formulardaten für das Hochladen von Angular Js-Dateien vor.
