WKWebView：将 UIImage 插入网页

Question

在 iOS 中，给定一个在 WKWebView 中加载的网页，我如何在 HTML 中显示我自己的 UIImage？

谢谢

Answer 1

一种方法是使用 Base64 编码。以下应该是一个完整的工作示例，假设您连接了一个 UIWebView 并且有一个正确名称的图像：

import UIKit
import WebKit

class ViewController: UIViewController {

    @IBOutlet weak var webView: UIWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        if let image = UIImage(named: "Castle"),
            let data = UIImagePNGRepresentation(image) {
            let base64 = data.base64EncodedString(options: [])
            let url = "data:application/png;base64," + base64
            let html = "<html><head></head><body><h1>Hello World!</h1><img src='\(url)'></body></html>"
            webView.loadHTMLString(html, baseURL: URL(fileURLWithPath: ""))
        }

    }

}

我尝试在 Playground 中执行此操作，但无法显示 webView，所以它是一个最小的应用程序...

输出：

WKWebView：将 UIImage 插入网页

WKWebView: insert UIImage into web page

objective-c

uiimage

ios

swift

wkwebview