Question

我在网络服务中获取我的图像，结果是：

imageJson:'http://localhost:40434/temp-photo/temp8530171778397183509baguette-baguette.jpg '

在我的listEvent.html中：

<div ng-repeat="evenement in evenementCategorieData">  
    <li> 


   <!-- http://localhost:40434/temp-photo/temp8530171778397183509baguette-baguette.jpg  -->

<a class="item item-thumbnail-left" href=""><img ng-if=evenement.imageJson ng-src=http://localhost/temp-photo/{{evenement.imageJson}}>{{evenement.titre_annonce}} {{evenement.texte_annonce}}</a></li>

但我显了这个结果：

我的网络服务结果：

{
adresse: "denden",
date_evenement: null,
idevenement: 27,
idsouscatego: 12,
iduser: null,
imageJson: "http//localhost40434/temp+photo/temp8530171778397183509baguette+baguettejpg=",
nbr_partici: 25,
prix: null,
texte_annonce: "rrrrrrrrrrrr",
titre_annonce: "Sib 2016"
},

我在BD中保存图片的代码：

facebookExample.controller('MainCtrl', function($scope,$cordovaOauth, $localStorage, $location,$ionicPopup,$state,$http, Camera) {

      $scope.getPhoto = function() {
        Camera.getPicture().then(function(imageURI) {
          console.log(imageURI);
          $scope.lastPhoto = imageURI;
          console.log("photo");
          console.log($scope.lastPhoto);
        }, function(err) {
          console.err(err);
        }, {
          quality: 75,
          targetWidth: 320,
          targetHeight: 320,
          saveToPhotoAlbum: false
        });
      };

在我为帖子定义了对象之后：

var objInsc = new Object（）; objInsc.imageJson = $ scope.lastPhoto;

我的方法帖子： $ http.post（＆＃39; http://@ip:8080/elodieService/evenements/＆＃39;，objInsc）.success（function（response，status，headers，config）{ 警报（＆＃34; SUCCESS ajout dans la table evenement !!＆＃34;）;

             $http.get('http://@ip/elodieService/evenements/', { params: {fields: "texte_annonce,titre_annonce,adresse,imageJson",format:"json"} }).then(function(result) {

                 console.log("SUCCESS!"+result.data);
                 console.log(JSON.stringify(result));
                 $scope.evenementData = result.data;

                });

我能做什么？

Answer 1

不要忘记引号，关闭img元素并更改位置。

<img ng-if="evenement.imageJson" src="temp-photo/{{evenement.imageJson}}" />

Answer 2

只需移除您http://localhost/temp-photo/中的ng-src，因为它已在您imageJson对象中声明。

E.g。

ng-src="{{evenement.imageJson}}"

希望这有帮助。

Answer 3

将您的代码更新为

imageJson:'../temp-photo/temp8530171778397183509baguette-baguette.jpg '

Answer 4

在从encode属性进行设置之前，您应该从后端和decode发送时ng-src您的网址。API中有java script个可用来帮助您您encode和decode URL。另一件事是，如果JSON或JSON中的任何条目格式不正确，您应该检查生成JSON的已备份代码。

如何在离子视图中显示图像？

4 个答案: