Question

我想在我的Ionic应用程序中显示sdcard中的图像，但是我遇到了用img标签显示图像的问题。

查看我的应用程序的代码

<ion-content ng-controller="DigitalCatCtrl">
<div>
       <img ng-src="{{myimg}}" />
       <img src="{{myimgs}}" />
</div>
</ion-content>

我的应用程序的控制器代码

.controller('DigitalCatCtrl', function($scope,$cordovaFile) {
      $scope.myimg=cordova.file.externalRootDirectory + ".DigitalCatlog/ic_developmentworks.png";
      $scope.myimgs="file:///storage/sdcard0/.DigitalCatlog/ic_developmentworks.png";
    });

如果我已将图像路径直接传递给img标记，如下图所示，图像将显示。

<img src="file:///storage/sdcard0/.DigitalCatlog/ic_developmentworks.png" />

请告诉我我做错了什么或任何其他解决方案。

Answer 1

使用

<img data-ng-src="{{myimgs}}" />

代替

<img src="{{myimgs}}" />

在Ionic app中显示来自SD卡的图像

1 个答案: