Selenium+Python上传文件：如何定位隐藏的file元素

问题场景 #

使用PrimeNG的p-fileupload组件时，点击上传按钮能唤起系统文件选择窗口，但底层的input[type="file"]元素处于隐藏状态，直接调用Selenium的send_keys会因元素不可交互报错，且早年的显示元素方法已失效。

相关HTML代码 #

<p-fileupload _ngcontent-ims-c84="" mode="basic" maxfilesize="40000000" chooselabel="Upload" class="p-element" style="float: right;">
<!---->
<div class="p-fileupload p-fileupload-basic p-component ng-star-inserted">
    <p-messages class="p-element ng-tns-c81-29 ng-star-inserted">
        <div role="alert" class="p-messages p-component ng-tns-c81-29">
            <!---->
            <!---->
            <!---->
            <!---->
        </div>
    </p-messages>
        <span tabindex="0" pripple="" class="p-ripple p-element p-button p-component p-fileupload-choose">
            <span class="p-button-icon p-button-icon-left pi pi-plus">
            </span>
            <span class="p-button-label">Upload</span>
            <input type="file" accept="undefined" class="ng-star-inserted">
            <!---->
        </span>
    </div>
    <!---->
</p-fileupload>

原有尝试代码 #

driver.find_element(By.xpath("//input[@type=\"file\"]")).send_keys(values_g)

可行解决方法 #

方法1：修改元素样式使其可交互 #

通过JavaScript强制修改隐藏元素的CSS属性，让它变为可见后再执行上传：

from selenium.webdriver.common.by import By

file_input = driver.find_element(By.XPATH, "//p-fileupload//input[@type='file']")
# 执行JS解除元素隐藏限制
driver.execute_script("""
    arguments[0].style.display = 'block';
    arguments[0].style.visibility = 'visible';
    arguments[0].style.opacity = 1;
""", file_input)
# 传入文件绝对路径完成上传
file_input.send_keys(values_g)

方法2：直接通过JS赋值并触发事件 #

无需修改元素可见性，直接用JavaScript给file元素设置文件路径，再触发组件需要的change事件：

from selenium.webdriver.common.by import By
import os

# 确保路径是绝对路径，处理Windows反斜杠转义
abs_file_path = os.path.abspath(values_g).replace('\\', '\\\\')
file_input = driver.find_element(By.CSS_SELECTOR, "p-fileupload .ng-star-inserted[type='file']")

# 赋值文件路径
driver.execute_script(f"arguments[0].value = '{abs_file_path}';", file_input)
# 触发change事件，通知组件文件已选择
driver.execute_script("arguments[0].dispatchEvent(new Event('change', { bubbles: true }));", file_input)

注意事项 #

• values_g必须是本地文件的绝对路径，如果只有文件名，建议用os.path.abspath()拼接完整路径。
• 定位元素时尽量精准，比如用p-fileupload作为父节点前缀，避免定位到页面上其他隐藏的file元素。

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