在html img标签中显示由ngCordova存储的图像(Angular)

时间:2015-05-19 13:36:29

标签: html angularjs file cordova ngcordova

我目前在项目中使用ngCordova,我需要在本地存储我从网络服务获取的图像

file:///var/mobile/Application/<appID>/Library/NoCloud/<imageId>.png

它将图像存储在:(我可以在Xcode中看到它们,因此它们被保存)

<img ng-src="{{item.imagePath}}"/>

然后我尝试在视图中显示它们:

item.imagePath = ./Library/NoCloud/<imageId>.png
item.imagePath = Library/NoCloud/<imageId>.png
item.imagePath = ./<imageId>.png
item.imagePath = <imageId>.png
item.imagePath = ../../Library/NoCloud/<imageId>.png

它没有显示任何图像,我尝试了其他imagePath组合:

<%= f.check_box :is_active, {}, "true", "false" %>

1 个答案:

答案 0 :(得分:0)

我让它以这种方式工作:

$cordovaFileTransfer.download(
  encodeURI('webservice/image/' + item.imageId),
  cordova.file.dataDirectory + item.ImageId, {},
  true).then(function(response) {
    item.Image = response.toInternalURL();
    item.update();
}));