Cordova 和 iOS：配置方案和主机名以在 <img src=...> 中显示本地图像答案

【问题标题】：Cordova and iOS : Configuring scheme and hostname to display local images in <img src=...>Cordova 和 iOS：配置方案和主机名以在 <img src=...> 中显示本地图像
【发布时间】：2021-08-22 10:44:24
【问题描述】：

我的 Cordova 应用程序必须显示来自本地文件的图像。在我不得不继续使用 Cordova 10 和 WKWebView 之前，它运行良好。

我正在努力解决这里给出的解决方案： Cordova + cordova-ios 6.1.0 - load local image 我需要在我的 config.xml 中配置一个方案：

<preference name="scheme" value="storyplayr-app" />

<preference name="hostname"> value="storyplayr-localhost" />

但是当我这样做时，我的所有导航都被这个取代了，我有以下错误：

错误内部导航被拒绝 - 未设置 url='不安全：storyplayr-app://storyplayr-host/index.html%23/bibliotheque/allemand-deutsche' 2021-06-04 11:19:30.424473+0200 Storyplayr pre[2920:603324] 错误外部导航被拒绝 - 未设置 url='unsafe:storyplayr-app://storyplayr-host/index.html%23/bibliotheque/allemand-deutsche'

我怎样才能让这个“配置”只适用于 src="file:///..." 而不适用于其余部分？

也许这不是没有意义，但我迷路了......

任何帮助将不胜感激！！！

【问题讨论】：

标签： cordova wkwebview url-scheme cordova-ios

【解决方案1】：

Cordova 提供了在 wkwebview 中将file:// uri 转换为yourscheme:// uri 的方法

window.WkWebView.convertFilePath('file:///var/mobile/Containers/Data/Application/{UUID}/tmp/cache/avatar/1.jpg')

得到

yourscheme://yourhostname/_app_file_/var/mobile/Containers/Data/Application/{UUID}/tmp/cache/avatar/1.jpg

【讨论】：