無法使用angularJS獲取圖像作爲json響應？

我得到的圖像在JSON響應形式restful API，我不得不使用angularjs在HTML中使用該圖像。無法使用angularJS獲取圖像作爲json響應？

我不知道我怎麼可以使用圖像使用angularJs

如果我想這樣的「HTTP：/ API /圖像/ ID」其中id是「用戶ID」。但是，當我在angularjs寫的代碼我沒有得到任何response.I通過使用斷點，並試圖調試代碼，但它並沒有去裏面的功能

JS代碼

QAApp.controller('imgCtrl', function ($scope, $http) { 
    $scope.image = function (id) { 
     var request = $http({ 
          method: 'GET', 
          url: server + 'api/image/' + id, 
         }); 
      request.success(function(data, status, headers, config) { 
       console.log(data); 

      }); 
      } 
     });

HTML代碼

<div class="artst-pic pull-left" ng-controller="imgCtrl"> 
     <img ng-show = "{{image(q.userID)}}" alt="" class="img-responsive" />K 
</div>

請告訴我怎麼用這個。

來源

2014-09-01 Anita Mehta

倘使你可以發佈您的JSON是什麼樣子。 – 2014-09-01 15:33:08

我不能發佈json響應，通過使用這個URL http：// localhost：8000/api/image/id，那麼它將直接顯示圖像不是url，所以我必須顯示該圖像...我沒有得到任何解決方案，我怎麼能用它.......哪裏/ api/image/id這是api路徑... – 2014-09-01 15:41:46

Object {data：「 JFIFHH ExifMM* ... f * c＃ B z h ）Ob 5 o QY 「，status：200，headers：function，config：Object } .....我得到這樣的JSON響應 – 2014-09-01 15:45:57

從我的理解，直接通過API發送給您的圖像，沒有任何JSON ..

然後就顯示它就像你會顯示任何圖像（你不需要阿賈克斯）：

$scope.image = function (id) { 
    return server + 'api/image/' + id; 
};

HTML

<img ng-src="{{image(q.userID)}}"/>

來源

2014-09-02 08:51:21

是的，這是工作謝謝..... – 2014-09-02 09:08:35

如何在這裏把圖像，如果圖像不存在..... – 2014-09-08 08:38:48

取決於如果你有訪問se或者不是。無論如何，我鼓勵你發佈一個關於這個問題的更多信息的新問題。 – 2014-09-08 08:40:12

的Javascript

QAApp.controller('imgCtrl', function ($scope, $http) { 

     $scope.image = function (id) { 
      $http({ 
           method: 'GET', 
           url: server + 'api/image/' + id, 
          }).then(function(data){ 
          $scope.imageUrl= data; // if you sure what data is you URL 
         }) 
       } 
      });

HTML

<div class="artst-pic pull-left" ng-controller="imgCtrl"> 
     <img ng-src="{{imageUrl}}" ng-init="image(q.userID)" alt="" class="img-responsive" />K 
</div>

來源

2014-09-01 15:30:28

它正在工作，但仍然無法顯示圖像... – 2014-09-01 15:42:30

請告訴我怎麼做到這一點，我張貼我的JSON響應也請看，怎麼可以我解決了這個問題 – 2014-09-01 15:58:47

阿帕奇滾子源代碼具有使用angular.js圖像源中帶來的一個示例：http://svn.apache.org/viewvc/roller/trunk/app/src/main/webapp/WEB-INF/jsps/editor/ThemeEdit.jsp?annotate=1621546（線126，使用JavaScript在文件底部）。

來源

2014-09-01 17:48:26

無法使用angularJS獲取圖像作爲json響應？

回答

相關問題