Discussion :

[wzzz75]

Bonjour j'ai une image qui est stocké en base
lorsque je vais sur une zone, une popUp s'affiche avec angularStrap) et un appelle est fait au webService pour aller chercher l'image
lorsque je quitte la zone la popUp disparaît.
Lorsque je revais sur la zone il y a la popUp qui se réaffiche et il y a de nouveau un appelle au webService

J'aurai voulu savoir comment faire pour que le webService soit appelé qu'une fois

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="service/fourniture/image/thumb_{{reference.url_image}}" alt="l'image de ma fourniture" data-placement="left" title="{{reference.name_image}}"  data-trigger="hover" data-html="true" data-id="popover-{{reference.id}}" data-content="<div class='popover-div-image'><img src='service/ref_fourniture/image/{{reference.url_image}}' class='popover-image' /></div>" data-bs-popover />

C'est affiché dans un tableau avec ng-repeat.

[slim]

Bonjour,

J'enregistrerais l'image dans une variable du $scope au chargement du contrôleur et la mettrai dans l'attribut content de la directive.

Qu'as-tu côté JS (contrôleur) ?
Pourrais-tu créer un jsfiddle pour qu'on puisse tester ?

[wzzz75]

je pense que tu as raison mais comment puis je créer l'image dans le html? mon Ws me renvoie un jpg ...

[slim]

Ton ws te renvoie un jpeg en url ou en binaire ?
Dans tous les cas, tu fais appel qu'une seule fois à ton ws pour charger l'image. Tu peux enregistrer le résultat dans une variable du scope.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
ws.getImage().then(function(res){
       $scope.image =  res.data.image;
});

Ce code est juste un exemple. Tout dépend de la manière dont les controleurs, les services, le routeur sont ecrits !
Tu peux carrément injecter ton image dans le controleur et ce, depuis le router... Bref.

Concernant l'affichage de ton image - je ne vais pas parler de angularstrap (pour cela, tu peux mettre un jsfiddle et on le corrigera/commentera) - soit le résultat renvoyé par ton ws est une url. Dans ce cas, c'est très simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{image}}"/>

Soit c'est en binaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="data:image/png;base64,{{image}}"/>

[wzzz75]

Merci pour ton aide,
alors pour le moment j'ai fait ca mais le jpeg retourné par ws est un binaire, et j'ai de gros problèmes pour le passer en base 64, j'ai eu beau utilisé btoa(), src="data:image/png;base64,{{image}}" je n'arrive pas a afficher mon image, quand j'affiche le string base64 je n'ai pas le même que celui généré sur certains sites...

[slim]

Et bien là c'est un autre problème. Il faut voir comment tu fais pour renvoyer ton image (comment ton serveur enregistre et charge l'image par la suite pour la renvoyer au client).
Si ton serveur gère les canvas, tu peux le placer directement dans l'attribut src de l'image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{canvas}}">