Web上本地上传图片,弹出的框Selenium是无法识别的,也就是说,selenium本身没有直接的方法去实现上传本地文件,这里总结了两种上传文件的方式。
一、利用Robot类处理文件上传。
其大致流程可以为:
1、 利用selenium点击web上本地文件的上传按钮;
2、 在弹出的弹框中,文件路径输入框默认的是光标的聚焦,将文件在磁盘上的路径通过拷贝和黏贴的方法写上去。
3、 通过按下回车,默认触发弹框的确定按钮,完成文件上传的功能。
这里以百度首页的利用图片搜索为例:
打开百度首页,搜索按钮左侧有一个照相机的图标,点击可以选择图片搜索,我们通过本地上传图片的过程来模拟文件自动化上传操作。准备条件,在百度图片搜索一个图片,保存到桌面,例如找到一个关于selenium的图片,然后保存在桌面,名称为selenium.jpg。
相关实现代码如下:
package first;
import java.awt.Robot;
import java.awt.Toolkit;
import java.awt.datatransfer.StringSelection;
import java.awt.event.KeyEvent;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
public class shangchuang {
public static void main(String[] args)throws Exception {
WebDriver driver=new FirefoxDriver();
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(4, TimeUnit.SECONDS);
driver.get("https://www.baidu.com");
//指定图片路径
StringSelection selection=new StringSelection("C:\\Users\\你的用户名\\Desktop\\selenium.jpg");
//把图片路径复制到剪切板
Toolkit.getDefaultToolkit().getSystemClipboard().setContents(selection, null);
System.out.println("selection"+selection);
//点击照相机这个工具
driver.findElement(By.xpath("//*/span[@class='soutu-btn']")).click();
//点击本地上传图片
driver.findElement(By.xpath("//*/div[@class='upload-wrap']")).click();
//新建一个Robot类的对象
Robot robot=new Robot();
Thread.sleep(1000);
//按下Ctrl+V
robot.keyPress(KeyEvent.VK_CONTROL);
robot.keyPress(KeyEvent.VK_V);
//释放Ctrl+V
robot.keyRelease(KeyEvent.VK_CONTROL);
robot.keyRelease(KeyEvent.VK_V);
Thread.sleep(2000);
//点击回车
robot.keyPress(KeyEvent.VK_ENTER);
robot.keyRelease(KeyEvent.VK_ENTER);
}
}
二、利用AutoIt上传文件
以上是第一种方的实现,第二种方式是利用AutoIt这个工具。这是一个能支持桌面GUI自动化的工具,它支持脚本语言编写。在Selenium脚本中如果需要AutoIt来协助这个文件上传功能,大概步骤是这样的:
1. Selenium点击web产品上的文件上传按钮,弹窗上传框。
2.执行AutoIt实现准备好的脚本文件,这个脚本文件写了关于上传什么文件的一个.exe文件。
在一切测试工作之前,我们先下载和安装AutoIt。
1)打开AutoIt的官网下载地址
https://www.autoitscript.com/site/autoit/downloads/
2)点击下载zip,当然也可以下载Editor。
解压得到的效果如图:
3)点击SciTe文件夹,我们打开脚本编辑器。双击SciTE.exe
4)打开百度图片上传窗口,同时打开AutoIt 脚本编辑器和元素定位器。拖动元素定位器上那个靶点形状按钮到文件上传弹窗,能够捕获到一些元素信息。
5)在AutoIt脚本编辑器里输入如下脚本,绿色部分为解释的,不需要写。
6)编译成一个.exe文件
先保存到本地,例如默认路径保存,名称为UploadFile.au3,然后在AutoIt脚本编辑器中点击Tools菜单,选择compile,会在同路径下生成一个UploadFile.exe的文件,待会在Selenium脚本要使用。
7)Selenium脚本执行UploadFile.exe文件,观察文件是否上传。
package first;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
public class AutoIt {
public static void main(String[] args) throws Exception{
WebDriver driver=new FirefoxDriver();
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(4, TimeUnit.SECONDS);
driver.get("http://www.baidu.com");
//点击照相机这个工具
driver.findElement(By.xpath("//*/span[@class='soutu-btn']")).click();
//点击本地上传图片
driver.findElement(By.xpath("//*/div[@class='upload-wrap']")).click();
// 执行桌面的AutoIt封装的脚本
Runtime.getRuntime().exec("C:\\Users\\你的用户名\\Desktop\\UploadFile.exe");
}
}
我用的是火狐62,最终的效果如图所示: