首页 > 解决方案 > 使用 WKWebView 的输入类型 = 文件上传文件不会打开文件对话框

问题描述

我正在使用 Xcode 11.5 并在 WKWebView 中加载网页。我将文件访问权限设置为只读,这是我的应用程序功能列表。

在此处输入图像描述

这就是我的loadView样子

    override func loadView() {
        //Inject JS string to read console.logs for debugging
        let configuration = WKWebViewConfiguration()
        let action = "var originalCL = console.log; console.log = function(msg){ originalCL(msg); window.webkit.messageHandlers.iosListener.postMessage(msg); }" //Run original console.log function + print it in Xcode console
        let script = WKUserScript(source: action, injectionTime: .atDocumentStart, forMainFrameOnly: false) //Inject script at the start of the document
        configuration.userContentController.addUserScript(script)
        configuration.userContentController.add(self, name: "iosListener")

        //Initialize WKWebView
        webView = WebView(frame: (NSScreen.main?.frame)!, configuration: configuration)

        //Set delegates and load view in the window
        webView.navigationDelegate = self
        webView.uiDelegate = self
        view = webView
    }

当我在 iOS 上使用 Safari 并选择输入类型 = 文件时,对话框打开但使用我的 macOS 应用程序使用 web 视图它不起作用?我需要在我的应用程序上设置更多功能吗?我发现了一些文件输入的老问题,但它们似乎已经解决了?

标签: swiftxcodemacosprogressive-web-apps

解决方案


像这样实现了 UIDelegate。

func webView(_ webView: WKWebView, runOpenPanelWith parameters: WKOpenPanelParameters, initiatedByFrame frame: WKFrameInfo, completionHandler: @escaping ([URL]?) -> Void) {
    let openPanel = NSOpenPanel()
    openPanel.canChooseFiles = true
    openPanel.begin { (result) in
        if result == NSApplication.ModalResponse.OK {
            if let url = openPanel.url {
                completionHandler([url])
            }
        } else if result == NSApplication.ModalResponse.cancel {
            completionHandler(nil)
        }
    }
}

推荐阅读