一尘不染

AngularJS-将字节数组内容显示为图像

angularjs

我正在将图像作为字节数组搜索到数据库中。我想使用标记 图像 将此内容显示为文件,但是在这里不起作用。

// Controller which get my image and put into $scope.
function MyController($scope, $http, $location) {

    var url = '/json/FindImage?id=1';  
    $http.get(url).success(function(result) {  
        $scope.image = result.Image;  
    }  
}

// HTML
<!-- It doesn't work -->  
<img src="{{image}}" />  
<!-- It doesn't work also -->  
<img ng-src="{{image}}" />

任何想法?谢谢你们!


阅读 278

收藏
2020-07-04

共1个答案

一尘不染

使用ng-src以下格式

<img ng-src="data:image/JPEG;base64,{{image}}">

不要忘记添加一个消毒过滤器,data以免被unsafe角度标记:

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob):|data:image\//);
2020-07-04