java - 使用 Angular js 显示图像

Question

我想在java Controller 返回的页面上显示图像。

Java Controller :

 public FileSystemResource RetrieveLogo(@PathVariable("UniqueCode") String Code){

// get image file

return fileSystemResource;
} 

在 Java 脚本 Controller 中，我进行服务调用来获取图像。

Javascript Controller :

$scope.logo = function() {
         rest.retrieveLogoForMerchant({id: 'abcd'}).$promise.then(function(data) {
                            console.log("-------------success--------- " + angular.toJson(data));

                            $scope.logoImage = angular.toJson(data);
                        });
    }

这里控制台打印 -

{"0":"�","1":"�","2":"�","3":"�","4":"\u00.......等等}

在 Html 页面上

<img ng-src="{{logoImage}}" height="100" width="100"/>

页面上的图像显示为空白，并在控制台中给出错误 -

http://localhost:9090/%7B%220%22:%22%EF%BF%BD%22,%221%22:%22%EF%BF%BD%22,%2 …22%EF%BF%BD%22,%22246%22:%22\u0007%22,%22247%22:%22\u0014%22,%22248%22:%22 400(错误请求)

建议我如何正确显示图像。

谢谢

Answer 1

尝试删除此处的angular.toJSON方法:

$scope.logoImage = angular.toJson(data);

还有

我认为您正在通过二进制数据加载图像附加正确的图像编码到数据例如:ng-source={{data:image/png;base64........}}