wkwebview - 将文档目录中的图像显示到本地 html

Question

我有一个应用程序，其中包含要以本地 html 显示的下载图像。我仍在使用Objective-C，因为这个应用程序已经 4 岁了。 首次启动应用程序时，它将下载图像和其他动态内容（我检查过，它位于 Documents/content/ 目录中）。

我有这个代码来获取内容位置：

NSString *contentBasePath = [app.contentManager contentBasePath];

我得到的：

/var/mobile/Containers/Data/Application/4AFD30E2-F4F7-405A-9FE9-1857EEC11CC7/Documents/content

然后我有几个html页面会动态调用下载的图片：

<div class="box-round benefits-thumbnail" style="background-image:url('file://{{../contentBasePath}}/{{filename}}');"></div>

我检查了，{{../contentBasePath}} 会得到：

/var/mobile/Containers/Data/Application/4AFD30E2-F4F7-405A-9FE9-1857EEC11CC7/Documents/content

{{filename}} 会得到

example.jpg

这都是正确的。

所有这些都适用于uiwebview。但是我需要使用wkwebview，图像没有显示出来。

我试过了：

<div class="box-round benefits-thumbnail" style="background-image:url('{{../contentBasePath}}/{{filename}}');"></div>

它仍然无法正常工作。

我用谷歌搜索并四处阅读，似乎wkwebview 不允许绝对路径。所以我按照这个建议尝试了：

[_webConfig.preferences  setValue:@YES forKey:@"allowFileAccessFromFileURLs"];

还是不行。

我该如何解决这个问题？

Answer 1

似乎这是 WebKit 的限制。作为一种解决方法，您可以将 HTML 内容写入文档目录中的文件并使用 [webView loadFileURL:fileUrl allowingReadAccessToURL:dirUrl] 加载它

文档链接：https://developer.apple.com/documentation/webkit/wkwebview/1414973-loadfileurl

Answer 2

文件必须在文档目录中。

我实现了以下内容来检索文档：

    let documentDirUrl = try! FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: false)
    let fileNameWithExtension = "IMG_0002.PNG"
    let indexFileUrl = documentDirUrl.appendingPathComponent(fileNameWithExtension)
    if FileManager.default.fileExists(atPath: indexFileUrl.path) {
        webView.loadFileURL(indexFileUrl, allowingReadAccessTo: documentDirUrl)
    }