【问题标题】:WebKit on 10.8: How to programmatically set the value of an input[type=file] field?10.8 上的 WebKit:如何以编程方式设置 input[type=file] 字段的值?
【发布时间】:2013-01-02 12:38:21
【问题描述】:

设置

  • Mac OS X 10.8.2
  • 链接到操作系统提供的 WebKit 框架版本的普通 Cocoa 应用程序。具体来说:/System/Library/Frameworks/WebKit.framework/Versions/A/Resources/version.plist的内容是:
构建版本5CFBundleShortVersionString8536CFBundleVersion8536.26.14项目名称WebKit来源版本7536026014000000

我有一个基于 WebKit 的 Cocoa 应用程序,它在 WebView 中加载包含普通 HTML 表单的 HTML 文档。 HTML 表单包含一个文件选择器输入字段,如下所示:

<form name="foo">
    <input type="file" name="bar">
</form>

我想以编程方式设置这个文件选择器的值(如果可能,从 Objective-C,但我会做任何工作)。

据我所知,这种方法从来没有奏效过:

DOMHTMLInputElement *inputEl = ... // fetch input element
[inputEl setValue:@"some/file.txt"];

我假设 WebKit 中有一些安全限制/策略阻止它工作。我认为这是 WebKit 中有意为之的安全功能,而不是错误。


但是,在 OS X 10.7 Lion 中,我能够通过一些技巧来解决此限制。

在 Lion 中,您可以通过编程方式单击 input 元素:

#pragma mark -
#pragma mark WebFrameLoadDelegate

- (void)webView:(WebView *)wv didFinishLoadForFrame:(WebFrame *)frame {
    if (frame != [wv mainFrame]) return;

    DOMAbstractView *win = (id)[frame windowObject];
    DOMDocument *doc = [win document];
    DOMHTMLFormElement *formEl = (id)[[doc forms] namedItem:@"foo"];
    DOMHTMLInputElement *inputEl = (id)[[formEl elements] namedItem:@"bar"];
    [inputEl click];
}

这将产生对-[WebUIDelegate webView:runOpenPanelForFileButtonWithResultListener:] 的调用。然后,您可以实现该委托方法以立即以编程方式设置结果侦听器的值:

#pragma mark -
#pragma mark WebUIDelegate

- (void)webView:(WebView *)wv runOpenPanelForFileButtonWithResultListener:(id<WebOpenPanelResultListener>)listener {
    [listener chooseFilename:@"some/file.txt"];
}

虽然这是一个丑陋的 hack,但它运行良好。它具有立即设置文件上传input 元素的值的预期效果。屏幕上不会出现“打开面板”。


恐怕 WebKit 在 10.8 附带的版本中已不再允许这样做。改变的部分是:

[inputEl click];

这不再在 10.8 附带的 WebKit 中的元素上产生点击事件。

我尝试了其他在 10.7 上有效的点击方法,但在 10.8 上不再有效:

DOMUIEvent *evt = (id)[doc createEvent:@"UIEvents"];
[evt initUIEvent:@"click" canBubble:YES cancelable:YES view:win detail:1];
[inputEl dispatchEvent:evt];

这些方法在 10.7 中有效,但在 10.8 中无效。


那么,有没有办法在 10.8 中以编程方式设置此文件选择器的值?

注意:我想在我的应用中发布自定义版本的 WebKit。除此之外,我愿意接受任何建议(ObjC 或 JS 或其他)。

如何以编程方式设置 10.8 附带的 WebKit 中文件选择器的值?

我在这里有一个示例测试项目(简化的测试用例)供您使用:http://tod.nu/FileUploadTest.zip

【问题讨论】:

    标签: objective-c cocoa webkit osx-mountain-lion forms


    【解决方案1】:

    如果您通过 AppKit 事件系统调度事件,这将起作用。比如:

    NSView *docView = [[[webView mainFrame] frameView] documentView];
    NSRect docFrame = [docView frame];
    
    NSPoint point = [el boundingBox].origin;
    point.y = docFrame.size.height - point.y;
    
    NSEvent *evt = [NSEvent mouseEventWithType:NSLeftMouseDown location:point modifierFlags:0 timestamp:[[NSDate date] timeIntervalSinceReferenceDate] windowNumber:[self.webView.window windowNumber] context:0 eventNumber:0 clickCount:1 pressure:0];
    [self.webView.window sendEvent:evt];
    
    evt = [NSEvent mouseEventWithType:NSLeftMouseUp location:point modifierFlags:0 timestamp:[[NSDate date] timeIntervalSinceReferenceDate] windowNumber:[self.webView.window windowNumber] context:0 eventNumber:0 clickCount:1 pressure:0];
    [self.webView.window sendEvent:evt];
    

    可能有更好的方法来进行坐标系转换,但这并不是真正重要的部分。

    【讨论】:

    • 是的。完美的。谢谢bdash!
    • 我想给你一百万票,但我做不到。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-26
    • 1970-01-01
    • 1970-01-01
    • 2010-10-09
    相关资源
    最近更新 更多