在 Ionic 应用程序中显示来自 sdcard 的图像答案

【问题标题】：Display images from sdcard in Ionic app在 Ionic 应用程序中显示来自 sdcard 的图像
【发布时间】：2017-04-09 20:21:10
【问题描述】：

我想在我的 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" />

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

【问题讨论】：

标签： angularjs html cordova ionic-framework ngcordova

【解决方案1】：

使用

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

改为

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

【讨论】：

@Vineet cordova.file.externalRootDirectory 显示错误：无法读取未定义的属性“externalRootDirectory”
@RahulSharma 不幸的是，我对corodova 没有太多经验，但如上所示，我猜你的插件没有正确读取文件，或者可能是权限问题（我刚刚去谷歌上查询）。希望这篇文章对你有帮助stackoverflow.com/questions/38226470/…
@Vineet：我刚刚解决了这个问题.. 但现在它显示Not allowed to load local resource 你能帮我解决一下吗？