Como você deve ter percebido, o Angular por padrão faz POST com o Content-Type: application/json
.
Para alterar o comportamento, é necessário construir um FormData
e instruir o Angular a não alterar o conteúdo dos parâmetros enviados na requisição POST.
Isso tudo pode ser feito com o seguinte código:
// insira este código aonde for apropriado (controller, service, etc)
this.upload = function () {
var t = this; // preguiça de escrever this
var promise = null;
var form = new FormData();
form.append("image", t.image);
form.append("description", t.description);
promise = $http.post("/api/1/images", form, {
headers: {
"Content-Type": undefined // remove o content-type
},
transformRequest: angular.identity // não transforma os parâmetros
});
promise.success(function (data, status) {
alert("Uhuuulll!!!");
});
promise.error(function (data, status) {
alert("Wow =/ " + data);
});
};
Repare que neste código, além da imagem, eu envio também uma descrição dela. Ou seja, tal qual em uma requisição POST sem Angular (tal qual a gerada pelo browser em um form
sem Angular), pode-se enviar dados "não binários", ou até várias imagens, se preferir.