[AngularJS / ionic] upload d'image via un webservice

Par Reivax, il y a 10 ans

Javascript

Bonjour,

Je suis complètement bloqué sur un problème d'upload d'image.
J'ai un webservice (sur lequel je n'ai pas la main) d'upload qui attend une image de type $_FILE et un id (que je récupère sans problème).

J'ai essayé plein de trucs et rien à faire je n'y parviens pas.
Et pour combler le tout, il s'agit d'une app mobile avec ionic, je récupère donc l'image via l'appareil photo.
Je récupère bien mon image (URI ou base64), mais je n'arrive pas à l'envoyer via le WS. Je pense qu'il faudrait que je convertise par exemple l'image base64 en objet $_FILE.

Voici à quoi ressemble le service côté angular :

service.updateUserAvatar = function(data) { return $http.post(Constants.apiUrl + Constants.apiPrefix + '/utilisateur/avatar', data); }

Et du côté controller...

$scope.dataUserAvatar = { 'avatar': $scope.newAvatar, 'utilisateur': userId }; compteService.updateUserAvatar($scope.dataUserAvatar) .then(function(data) { console.log('updateUserAvatar', data); }, function(err) { console.dir(err); });

Quelqu'un saurait me donner un coup de main ?
Merci d'avance

3 réponses

Romano83, il y a 10 ans

Salut,
as-tu essayé avec le plugin File Transfert disponible avec ngCordova ?
Tu as une methode d'upload qui envoie vers le webservice en utilisant un header de type multipart.

Sinon, je pense que tu peux le faire toit même en modifiant les headers envoyés par la requête $http.post.

Reivax, il y a 10 ans

Hello,

Merci pour ta réponse.
J'ai vu qu'il était possible avec le plugin FileTransfert effectivement, mais je ne vois pas trop comment procédent étant donné que j'ai un webservice qui attend un userId et l'image :(