在WebBrowser中通过模拟键盘鼠标操控网页中的文件上传控件(转)

引言

这两天沉迷了Google SketchUp,刚刚玩够,一时兴起,研究了一下WebBrowser。

我在《WebBrowser控件使用技巧分享》一文中曾谈到过“我现在可以通过WebBrowser实现对各种Html元素的操控,唯独无法控制Html的上传控件”,出于安全原因,IE没有对上传控件提供操控支持,这使得我们没法像控制其他控件一样用简单的代码进行赋值。

比较实际的解决方案就是模拟操作了,下面我就将演示通过键盘、鼠标两种方式模拟点击“浏览”按钮,然后配合键盘模拟输入文件路径,并按回车键确认。

初始环境

测试使用了一个简单的HTML页面,页中各个位置中分布了一些文件上传控件,有些是直接放置的,有些是横向排列的,有些是嵌套在表格中的,用以测试不同位置的触发效果:

将此页面用WebBrowser控件加载。

在程序界面中,我放置了一些控件用于选择上传文件所在目录,测试时首先选定一个包含有文件的目录,然后从中随机抽选一个文件填写到上传控件中:

并在代码中建立了一个辅助方法,用以读取页面上所有的文件上传控件,在测试时也是从中随机抽取一个进行操控:

List<HtmlElement> 读取上传控件()

{

var l = new List<HtmlElement>();

foreach (HtmlElement f in webBrowser1.Document.GetElementsByTagName("input"))

{

if (f.GetAttribute("type") == "file")

{

l.Add(f);

}

}

return l;

}

在类中定义了一个Random类型成员变量用于生成随机数:

Random R = new Random();

此外还定义了一系列方法,用于在点击按钮后,延迟3秒以等待文件浏览对话框打开,然后模拟输入文件路径,再模拟输入回车键确定:

void 延迟操作对话框(string 填写文件路径)

{

button1.Enabled = button2.Enabled = button3.Enabled = false;

BackgroundWorker b = new BackgroundWorker();

b.RunWorkerCompleted += new RunWorkerCompletedEventHandler(b_RunWorkerCompleted);

b.DoWork += new DoWorkEventHandler(b_DoWork);

b.RunWorkerAsync(填写文件路径);

}

void b_DoWork(object sender, DoWorkEventArgs e)

{

Thread.Sleep(3000);

e.Result = e.Argument;

}

void b_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)

{

SendKeys.Send(e.Result as string);

SendKeys.Send("{Enter}");

button1.Enabled = button2.Enabled = button3.Enabled = true;

}

这里就是通过使用BackgroundWorker组件在后台延迟3秒,延迟结束后在回调事件中进行操作。

键盘模拟方式

先看录制的动画:

在这里首先选择了一个上传文件所在目录,然后进行了几次键盘模拟操作测试。

键盘模拟的操作流程如下:

首先激活WebBrowser控件

然后让文件上传控件获取焦点,这时光标会处于文件上传控件左侧的文本框内

模拟输入Tab键切换焦点到“浏览..”按钮

模拟输入空格键点击该按钮

然后就是延迟3秒等待文件选取对话框显示,模拟输入文件路径并模拟输入回车键即可

主要代码如下:

private void button1_Click(object sender, EventArgs e)

{

var l = 读取上传控件();

var s = Directory.GetFiles(folderBrowserDialog1.SelectedPath);

键盘操作(l[R.Next(l.Count)], s[R.Next(s.Length)]);

}

void 键盘操作(HtmlElement 元素, string 填写文件路径)

{

webBrowser1.Select();

webBrowser1.Focus();

元素.Focus();

SendKeys.Send("{Tab}");

SendKeys.Send(" ");

延迟操作对话框(填写文件路径);

}

鼠标模拟方式

还是先看录制的动画:

鼠标模拟的主要流程是:

首先递归计算页面中的文件上传控件相对于页面左上角的坐标位置

接着再递归计算WebBrowser控件相对于屏幕左上角的位置

在将位置值加上控件自身宽度及高度,并辅以修正值,以确保鼠标能够点到按钮上面

移动鼠标到计算好的位置处

单击鼠标

然后也是延迟3秒等待文件选取对话框显示,模拟输入文件路径并模拟输入回车键

递归计算页面元素相对于页面坐上角位置的函数:

Point 计算坐标(HtmlElement 元素, Point 起始坐标)

{

var p = 起始坐标;

p.Offset(元素.OffsetRectangle.Location);

return 元素.OffsetParent == null ? p : 计算坐标(元素.OffsetParent, p);

}

递归计算控件相对于屏幕左上角位置的函数:

private Point 计算坐标(Control 控件, Point 起始坐标)

{

var p = 起始坐标;

p.Offset(控件.Location);

return 控件.Parent == null ? p : 计算坐标(控件.Parent, p);

}

此外,为了模拟鼠标移动和点击,还需要引入Windows API:

[DllImport("User32")]

public extern static void SetCursorPos(int x, int y);

[DllImport("user32.dll")]

static extern void mouse_event(MouseEventFlag flags, int dx, int dy, uint data, int extraInfo);

[Flags]

enum MouseEventFlag : uint

{

Move = 0x0001,

LeftDown = 0x0002,

LeftUp = 0x0004,

RightDown = 0x0008,

RightUp = 0x0010,

MiddleDown = 0x0020,

MiddleUp = 0x0040,

XDown = 0x0080,

XUp = 0x0100,

Wheel = 0x0800,

VirtualDesk = 0x4000,

Absolute = 0x8000

}

主要代码如下:

private void button2_Click(object sender, EventArgs e)

{

var l = 读取上传控件();

var s = Directory.GetFiles(folderBrowserDialog1.SelectedPath);

鼠标操作(l[R.Next(l.Count)], s[R.Next(s.Length)]);

}

void 鼠标操作(HtmlElement 元素, string 填写文件路径)

{

var p = 计算坐标(元素, new Point());

p = 计算坐标(webBrowser1, p);

p.Offset(元素.OffsetRectangle.Width - 5, 元素.OffsetRectangle.Height + 15);

SetCursorPos(p.X, p.Y);

mouse_event(MouseEventFlag.LeftDown | MouseEventFlag.LeftUp, 0, 0, 0, 0);

延迟操作对话框(填写文件路径);

}

总结

两种方法中推荐使用键盘模拟方法,简单而直接;鼠标模拟方法需要使用到API,还需要精确计算,并且如果页面带有滚动条,且滚动条进行了滚动或文件上传控件处于可视区之外的话,将无法通过上述方法计算和操控,而其优点仅仅是直观一些而已。

下载本文的示例源代码:http://www.uushare.com/user/icesee/file/1869210

下载本文的XPS版本:http://www.uushare.com/user/icesee/file/1869213

转载请遵循此协议:署名 - 非商业用途 - 保持一致

并保留此链接:http://skyd.cnblogs.com/

上一篇:mysql 中两个日期相减获得 天 小时 分钟 或者 小时:分钟的格式


下一篇:vue.js报错:Module build failed: Error: No parser and no file path given, couldn't infer a parser.