2015-09-04 76 views
0

我想在我的離子應用程序中顯示來自SD卡的圖像,但是我遇到了使用img標記顯示圖像的問題。在離子應用程序中顯示來自SD卡的圖像

查看代碼爲我的應用

<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" /> 

請告訴我我做錯了什麼或其他解決方案。

回答

4

使用

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

代替

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

謝謝我的問題得到解決...... –

+0

是絕對... –

+0

@Vineet cordova.file.externalRootDirectory顯示錯誤:無法讀取屬性「externalRootDirectory 'of undefined –

相關問題