ios - Wkwebview 无法在具有库目录路径的 html 中显示图像

Question

我研究过类似的问题，但找不到解决方案。

我正在使用 WkWebView。它从库目录呈现一个 html，所以我做了 loadfileurl。

它有显示图像的选项，我们从图库/相机中选择图像，然后从图像数据中我们在库目录中创建一个文件并将路径发送到 web 。我尝试了两个路径 var/... 并附加了 file:// 两种情况图像都没有显示。请帮忙。任何建议表示赞赏。

Answer 1

另一种方法是将图像编码为 base64 字符串并在渲染之前将它们插入 HTML。您可以将图像保存为图像或 base64 字符串，具体取决于您是否需要在其他上下文中使用它们。

// Get the base64 representation of the image
let image = UIImage(named: icon) // This could also be loaded from the file system
let data = image!.pngData()
let b64String = String(data: data!.base64EncodedData(), encoding: String.Encoding.utf8)!
let finalString = "data:image/png;base64," + b64String

// Insert into HTML string before rendering in webview
let myHTML = baseHTML.replacingOccurrences(of: "#PLACEHOLDER#", with: finalString)

您需要#PLACEHOLDER#在 HTML 文件中拥有图像路径的位置。