@ionic/angular 4.0.0-beta.13：不允许加载本地资源：使用 webview 2.2.3 - Ionic CLI 4.3.1答案

【问题标题】：@ionic/angular 4.0.0-beta.13 : Not allowed to load local resource : with webview 2.2.3 - Ionic CLI 4.3.1@ionic/angular 4.0.0-beta.13：不允许加载本地资源：使用 webview 2.2.3 - Ionic CLI 4.3.1
【发布时间】：2019-04-23 01:22:19
【问题描述】：

从相机拍照后，这些路径来了。

file:///data/data/xxx.xxx.xxx.xxx/files/1542782360167.jpg

我用的是Ionic 4，其中WebView是2.2.3，所有类型的回复都被apply观察到了，但是没有任何效果。

"cordova-plugin-ionic-webview": "2.2.3"

我曾经回答过这个

Not allowed to load local resource: ionic 3 android

所以我没有在设备上显示应用程序和这个不一样。

Failed to load resource: net::ERR_FILE_NOT_FOUND

【问题讨论】：

我也把图片的url改成了normalURL，但是没人用。正常是这样的/data/data/xxx.xxx.xxx.xxx/files/1542782360167.jpg

标签： android cordova ionic-framework ionic4 ionic-webview

【解决方案1】：

我找到了解决问题的方法。

我已经完成了这个链接，效果很好。

https://devdactic.com/ionic-4-image-upload-storage/

而在我的config.xml中，extra什么也没写。

简而言之：新的 webview 插件不支持file:/// url

首先将url 转换为http://localhost:<post>/url 使用这个函数this.webview.convertFileSrc(img);

像这样返回这个函数值http://localhost:8080/_file_/data/data/xxx.xxx.xxx.xxx/files/1542782360167.jpg

我的建议使用上面的链接来解决同样的问题......

【讨论】：

这不适用于 iOS 13 上的 Ionic4。返回的路径是 > ionic://localhost/_app_file_/var/mobile/Containers/Data/Application/71F95B7D-4B08-4A74-A6AE-77946E9E5887/图书馆/NoCloud/d30fea00-83df-11e6-ac59-7fda303c65c4.html.

【解决方案2】：

请尝试将此添加到您的 config.xml：

 <access allows-arbitrary-loads-for-media="true" allows-arbitrary-loads-in-web-content="true" allows-local-networking="true" origin="*"/>
 <allow-navigation href="data:*"/>
 <allow-navigation href="*"/>

【讨论】：

hi @markof 您的建议已被采纳，但没有任何效果。
相机用的是什么cordova插件？
我在使用原生插件；它们是："@ionic-native/camera": "^5.0.0-beta.21", "@ionic-native/core": "^5.0.0-beta.21", "@ionic-native/file": "^5.0.0-beta.21", "@ionic-native/file-path": "^5.0.0-beta.21", "@ionic-native/file-transfer": "^5.0.0-beta.21", 和 cordova 插件它们是："cordova-plugin-camera": "4.0.3", "cordova-plugin-file": "6.0.1", "cordova-plugin-file-transfer": "1.7.1", "cordova-plugin-filepath": "1.4.2",