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

Question

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

$http.get('webservice/image/' + item.imageId).then(function(response) {
  $cordovaFile.writeFile(
    cordova.dataDirectory,
    item.imageId,
    response.data,
    true).then(function() {
    item.imagePath = cordova.dataDirectory + item.imageId;
    item.update();
  });
});

它将图像存储在：（我可以在 Xcode 中看到它们，因此它们被保存）

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

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

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

而且它没有显示任何图像，我尝试了其他 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

Answer 1

我让它这样工作：

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