从节点/angular度的数据url在浏览器中显示图像？

我正在使用节点validation码来生成validation码作为数据url。 我想在浏览器中显示得到的PNG图像。 我的validation码生成器看起来像这样，几乎与链接到节点validation码的示例相同：

exports.getChallenge = function(req, res) { captcha({ fileMode: 0 }, function(text, data) { res.send(data); }); }; 

我有这个function路由到/ api /挑战，angular度控制器检索这个挑战：

 app.factory('Challenge', ['$resource', function($resource) { return $resource('/api/challenge'); }]); app.controller('challengeController', ['$scope', 'Challenge', function($scope, Challenge) { $scope.initChallenge = function() { Challenge.get( function(res) { $scope.captchaImage = res; }); }; }]); 

现在，在我的实际HTML文件中，我有这样的：

 <div data-ng-controller="challengeController" data-ng-init="initChallenge()"> <img ng-src="{{captchaImage}}"></img> </div> 

但是，图像不加载。 您只能看到图像未加载时出现的小碎片图像图标。 我怎样才能使一个validation码显示为一个图像？