如何在 Cordova iOS 平台上加载 file:// 图像？答案

【问题标题】：How to load file:// images in Cordova iOS platform?如何在 Cordova iOS 平台上加载 file:// 图像？
【发布时间】：2020-01-15 12:00:24
【问题描述】：

我正在用 Cordova 编写一个应用程序，并且想从 iOS 平台生成一个 ipa 文件。当我在 iOS 模拟器中运行我的应用程序时，一切正常。但是当我生成一个临时文件并将其安装在我的 iPhone 上时，图像不会加载。图片在应用数据中，它们的 URL 以 file://

开头

这是我的插件：

cordova 插件对话框
cordova 插件文件
cordova-plugin-file-transfer
cordova-plugin-network-信息
cordova-plugin-screen-orientation
cordova-plugin-statusbar
cordova-plugin-whitelist
cordova-plugin-wkwebview-engine
cordova-plugin-wkwebview-file-xhr

还有我的 config.xml 文件：

https://i.imgur.com/7tssGLt.jpg

【问题讨论】：

标签： ios cordova wkwebview

【解决方案1】：

尝试使用 Cordova-ios 6.x.x 并从您的项目中删除以下两个插件

cordova-plugin-wkwebview-engine
cordova-plugin-wkwebview-file-xhr

而不是使用 Cordova 插件

cordova plugin add https://github.com/AraHovakimyan/cordova-plugin-wkwebviewxhrfix

【讨论】：

【解决方案2】：

对于 Cordova-iOS 5.1.1，从您的项目中删除以下插件

cordova-plugin-wkwebview-file-xhr

而不是使用 Cordova 插件

cordova plugin add https://github.com/TheMattRay/cordova-plugin-wkwebviewxhrfix

对于这种情况，您还需要在 config.xml 文件中添加以下部分代码。

 <access origin="*" />
<preference name="WKWebViewOnly" value="true" />
<feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

【讨论】：