从WKWebView打开图片库或相机？

<button onclick="openImagePicker()">选择图片</button>

<script>
function openImagePicker() {
    // 调用原生方法
    window.webkit.messageHandlers.openImagePicker.postMessage(null);
}

// 接收原生传递的图片信息
function receiveImage(imageData) {
    // 处理图片数据
    console.log(imageData);
}
</script>

#import <WebKit/WebKit.h>

@interface ImagePickerController : UIViewController <UIImagePickerControllerDelegate, UINavigationControllerDelegate>
@end

@implementation ImagePickerController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 注册JS与原生交互的处理方法
    WKUserContentController *userContentController = self.webView.configuration.userContentController;
    [userContentController addScriptMessageHandler:self name:@"openImagePicker"];
}

// JS调用原生方法打开相册或相机
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"openImagePicker"]) {
        [self openImagePicker];
    }
}

- (void)openImagePicker {
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    imagePicker.delegate = self;
    [self presentViewController:imagePicker animated:YES completion:nil];
}

// 用户选择图片完成后的回调
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<UIImagePickerControllerInfoKey, id> *)info {
    UIImage *image = info[UIImagePickerControllerOriginalImage];
    
    // 将图片数据传递给前端
    NSData *imageData = UIImageJPEGRepresentation(image, 1.0);
    NSString *base64String = [imageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength];
    
    // 调用前端方法，并将图片数据传递给前端
    NSString *jsCode = [NSString stringWithFormat:@"receiveImage('%@')", base64String];
    [self.webView evaluateJavaScript:jsCode completionHandler:nil];
    
    [picker dismissViewControllerAnimated:YES completion:nil];
}

@end