在 Ionic 应用程序中显示来自 SD 卡的图像

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 应用程序中显示来自 SD 卡的图像

Display images from sdcard in Ionic app

angularjs

html

cordova

ionic-framework

ngcordova