Как отображать изображение в ионном режиме?

-1

я получаю мое изображение в веб-службе результат:Как отображать изображение в ионном режиме?

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>

но я Dispaly этот результат:

Результат моего веб-сервиса:

{ 
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" 
},

мой код сохранить мое изображение в БД:

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 
     }); 
     };

после того, как я определил объект для поста:

вар objInsc = новый Object(); objInsc.imageJson = $ scope.lastPhoto;

мой метод пост: $ http.post ('http://@ip:8080/elodieService/evenements/', objInsc) .success (функция (ответ, статус, заголовки, конфигурации) { оповещения ("УСПЕХ ajout Dans La Table Evenement !!");

   $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; 

       });

что я могу сделать?

источник

2015-12-16 Rim Bejaoui

, так что вы не хотите, чтобы URL был «http: // localhost: 40434/temp-photo/temp8530171778397183509baguette-baguette.jpg», но 'http: // localhost/temp-photo/{{evenement.imageJson}}'? Что вы просите? –

Просто удалите http://localhost/temp-photo/ в вас ng-src, поскольку он уже объявлен в вас imageJson объект.

Е. г.

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

Надеется, что это помогает.

источник

2015-12-16 09:52:47

Нет, не разрешено –

Вы проверили, действительно ли изображение существует или доступно в вашем браузере? Кроме того, ваше приложение и путь к изображению используют сервер или нет? –

Как я вижу, ваше изображение имеет неверный формат. Он имеет имя домена и порт, связанные друг с другом '(localhost40434)' без объявления ':' для порта. –

Не забывайте кавычки, закройте свой элемент img и измените свое местоположение.

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

источник

2015-12-16 09:56:36 Alexandre

Updte ваш код

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

источник

2015-12-16 09:58:10

вы должны encode ваш URL при отправке из серверной и decode перед установкой его в ng-src attribute.There являются API s доступны в java script, чтобы помочь вам encode и decodeURL s. Другое дело, что если ваш JSON или любая запись в JSON неверна, вы должны проверить ваш защищенный код, который генерирует JSON.

источник

2015-12-16 10:48:24

пожалуйста, как конвертировать мои изображения в мой контроллер (MainCtrl) в json –

Как отображать изображение в ионном режиме?

ответ

Смежные вопросы