如何通过angularjs在本地显示图像

Question

我需要在angularjs中显示图像（本地文件）。通过 <img src="imagename.jpg"> and <img ng-src={{imagename.jpg}}

这两种方法。我无法显示它。 任何帮助将不胜感激。

Answer 1

您可能会收到$sce的错误，其中图片来源不受信任。

只需将$sce服务作为依赖项传递并使用trustAsResourceUrl，以便Angular不会抛出错误。

app.controller('myCtrl', function($scope, $sce) {
  $scope.myImgSrc = $sce.trustAsResourceUrl('path/to/img.jpg');
});

然后您可以使用$ scope属性作为img src，如下所示：

<img ng-src="{{myImgSrc}}">