如何获取选择文件按钮的XPath？现有点击代码失效求助

Let me walk you through fixing this problem—your current XPath is targeting the <i> icon inside the button instead of the button itself, which is probably why the click isn't triggering properly. Here are a few reliable solutions to try:

1. Target the Button Element Directly #

Instead of clicking the inner icon, click the button element itself. Adjust your XPath to target the <button> tag:

driver.findElement(By.xpath("//div[@class='ant-modal-body']//button[contains(@class,'ant-btn-ghost')]")).click();

2. Use the Button's Text for Precise Targeting #

You can also leverage the "Select File" text inside the button to make your locator more robust. This avoids relying solely on class names, which might change:

// Using exact text (note the spaces around "Select File" in your HTML)
driver.findElement(By.xpath("//div[@class='ant-modal-body']//button[contains(@class,'ant-btn-ghost') and span[text()=' Select File ']]")).click();

// Or use contains to ignore extra whitespace
driver.findElement(By.xpath("//div[@class='ant-modal-body']//button[contains(@class,'ant-btn-ghost') and contains(., 'Select File')]")).click();

3. Add Explicit Wait for Element Load #

Often, clicks fail because the element isn't fully loaded or clickable yet. Use an explicit wait to ensure the button is ready before interacting with it:

WebDriverWait wait = new WebDriverWait(driver, 10); // Wait up to 10 seconds
WebElement selectFileButton = wait.until(ExpectedConditions.elementToBeClickable(
    By.xpath("//div[@class='ant-modal-body']//button[contains(@class,'ant-btn-ghost')]")
));
selectFileButton.click();

4. Try a CSS Selector Instead #

CSS selectors can be more stable in some cases. Here's an equivalent selector for your button:

driver.findElement(By.cssSelector("div.ant-modal-body button.ant-btn.ant-btn-ghost")).click();

Bonus: Direct File Upload (More Reliable for Upload Components) #

For file upload buttons like this, skipping the click and directly sending the file path to the hidden <input type="file"> element is often more reliable. If your Ant Design upload component has one, locate it and use sendKeys:

// Locate the hidden file input (adjust selector if needed)
WebElement fileInput = driver.findElement(By.xpath("//div[@class='ant-modal-body']//input[@type='file']"));
fileInput.sendKeys("/full/path/to/your/file.ext");

内容的提问来源于stack exchange，提问作者user9261868