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

Kiw*_*nax 18 javascript 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}}" />  
Run Code Online (Sandbox Code Playgroud)

任何的想法?谢谢你们!

Ass*_*fez 62

使用ng-src以下格式

<img ng-src="data:image/JPEG;base64,{{image}}">
Run Code Online (Sandbox Code Playgroud)

不要忘记添加清理过滤器,data以便不unsafe通过角度标记:

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob):|data:image\//);
Run Code Online (Sandbox Code Playgroud)

  • @CiaranGallagher 这应该在你的配置 angular.module('myApp').config(['$compileProvider', function($compileProvider) { $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob) ):|数据:图像\//); } ]); (2认同)