在ngSrc中使用相机插件中的FILE_URI

Question

我使用ionic-native库来访问相机插件，其中包含以下选项：

let options = { quality: 50, destinationType: 1, sourceType: 1, allowEdit: false, encodingType: 1, mediaType: 0, correctOrientation: true, saveToPhotoAlbum: false, cameraDirection: 1 };

拍摄照片后，我将FILE_URI作为file:///storage/emulated/0/Android/data/com.company.testApp/cache/1461661383435.png 但是当我在ngSrc标签的img属性中使用它时，它只显示一个空块。 在使用chrome进行检查时，对图像的请求的状态为(blocked:other)

此外，我不想使用DATA_URL，因为它会降低性能。

Answer 1

this post中提出了这个答案。

在Android 4.4 +上允许访问本地文件资源是显而易见的。

将以下行添加到config.xml：

<allow-navigation href="*"/> <allow-navigation href="file://*/*" />

并将Content-Security-Policy中的index.html设置为

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

使用实时重新加载时，这不起作用。