如何通過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}}">