[解决办法] cordova-ios 的 WKWebview 不显示 Library 目录下的图片

背景

2020年12月开始，苹果 AppStore就不允许使用 UIWebview 的 app 上架了。
迁移 UIWebview 到 WKWebview 有很多坑，其中一个就是 <img> 元素不能显示沙盒路径内的图片了。

应用沙盒目录指的是下面这种目录：

• 安卓：file:///data/data/<app-id>/files
• iOS：file:///var/mobile/Applications/<GUID of app>/Library/NoCloud

如果是 cordova，可以用 cordova.file.dataDirectory ，这个常量就是指代的上面的目录。

然而，ios 的 WKWebview 用 <img> 元素不能显示 file:///var/mobile/Applications/<GUID of app>/Library/NoCloud 下的图片（视频文件也一样），只能显示 file:///var/mobile/Applications/<GUID of app>/tmp 目录下的图片。

原本以为不知道是安全原因还是 ios 的bug。

以前 UIWebview 是没有这个问题的。

解决办法

如果能用 http 地址访问沙盒目录下的文件，就没有问题了。

Ionic 也是这样实现的，它提供了一个方法，可以把本地文件路径转为 http 地址。

如果是 cordova，可以用