无法使用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响应？

回答

相关问题