使用 ngSrc 中相机插件的 FILE_URI
Use FILE_URI from camera plugin in ngSrc
我使用 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
但是当我在 img 标签的 ngSrc 属性 中使用它时，它只是显示一个空块。
使用 chrome 检查时，图像请求的状态为 (blocked:other)
我也不想使用 DATA_URL，因为它会降低性能。
此答案是在 this post 中建议的。
在 Android 4.4+ 上明确需要允许访问本地文件资源。
将以下行添加到 config.xml:
<allow-navigation href="*"/>
<allow-navigation href="file://*/*" />
并且还将 index.html 中的 Content-Security-Policy 设置为
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
这在使用 实时重新加载 时不起作用。
我使用 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
但是当我在 img 标签的 ngSrc 属性 中使用它时，它只是显示一个空块。
使用 chrome 检查时，图像请求的状态为 (blocked:other)
我也不想使用 DATA_URL，因为它会降低性能。
此答案是在 this post 中建议的。
在 Android 4.4+ 上明确需要允许访问本地文件资源。
将以下行添加到 config.xml:
<allow-navigation href="*"/>
<allow-navigation href="file://*/*" />
并且还将 index.html 中的 Content-Security-Policy 设置为
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
这在使用 实时重新加载 时不起作用。