Question

我是一名新的Ionic开发人员。我有一个问题来测试cordova文件插件。我正在尝试将图像显示在本地文件系统中。我可以使用$ cordovaFile获取图像对象但是图像没有显示在视野中。

controller.js

var fname = "001.jpg";
  $cordovaFile.checkFile(cordova.file.externalCacheDirectory, fname)
      .then(function(obj) {
          $scope.img_url = obj.nativeURL;
          $scope.$apply();
      }, function(error) {
          alert(JSON.stringify(error));
      });

template.html

<img ng-src="{{img_url}}"/>

救救我！最好的问候。

Answer 1

您可能需要在应用的配置部分中使用此代码：

.config(['$compileProvider', function($compileProvider) {
       $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|mailto|content|file|blob|data):/);
}])

在我的应用中，我使用类似的$compileProvider.aHrefSanitizationWhitelist()以允许带有数据uri scheme或blob的链接。

为什么不在Ionic中使用$ cordovaFile来显示图像

1 个答案: