我想在Java控制器返回的頁面上顯示圖像。使用角度js顯示圖像
Java的控制器:
public FileSystemResource RetrieveLogo(@PathVariable("UniqueCode") String Code){
// get image file
return fileSystemResource;
}
在Java腳本控制,我做一個服務調用來獲取圖像。
的Javascript控制器:
$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%22,%22247%22:%22%22,%22248%22:%22 400請求)
建議我,我該如何正確顯示圖像。
感謝
我沒有得到你的觀點。你能詳細說明嗎?我正在做服務調用和成功,我將數據分配給$ scope.logoImage。 – Anita 2015-02-11 11:12:48
我想你是從服務器上返回服務請求中的整個圖像數據。而image-url應該分配給'ng-src'。因此,服務請求時,您的服務器應該只返回圖像的URL(字符串),而不是圖像本身。 – 2015-02-11 11:54:20
也應該是'ng-src ='logoImage''而不是'ng-src ='{{logoImage}}' – 2015-02-11 12:01:17