包图像在样式中有效，但在 img 中无效

Question

我正在使用 ng-cordova，我已将图像存储在 cordova.file.dataDirectory 的子目录中，无法通过 img[src] 加载它，但我可以通过 [style] 加载它，我是否需要做任何特别的事情让它在img[src] 中工作？

$scope

{
"Image":"file:///data/data/{package}/files/{subdir}/{imagename}.png"
}

作品

<div style="background-image:url({{Image}})"></div>

不起作用

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

Answer 1

这是一个愚蠢的错误，我忘了检查我的$compileProvider 服务。我让它为filesystem 工作，但不是file。

$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|filesystem|file):/);