Python Selenium操作FilePond组件上传文件无法定位元素问题求解

问题原因 #

1. 你定位用的filepond--browser-2ybdvwfwp是FilePond组件动态生成的随机ID，页面每次重新加载/渲染组件时ID都会变化，硬编码必然定位失败。
2. 未添加强制等待逻辑，可能FilePond组件还没完成JS渲染就执行了查找元素的逻辑，导致找不到元素。

解决方案 #

• 用固定属性组合定位：以父容器的固定IDscans-attachments__file__passport-container作为定位锚点，匹配内部的filepond--browser类的文件上传输入框，定位逻辑不受动态ID影响。
• 添加显式等待，确保元素完成渲染后再执行操作。
• 用os.path.join拼接文件路径，避免不同操作系统的路径分隔符不兼容问题。

完整代码示例 #

import os
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 拼接文件绝对路径
file_path = os.path.join(os.getcwd(), "image.jpg")

# 显式等待最多10秒，直到上传输入框可定位
upload_input = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located(
        (By.CSS_SELECTOR, "#scans-attachments__file__passport-container input.filepond--browser")
    )
)

# 执行上传
upload_input.send_keys(file_path)

备用兼容方案 #

如果执行后仍然提示元素不可交互，可执行JS强制修改输入框的可见性后再上传：

# 先执行JS修改元素属性
driver.execute_script("""
const input = document.querySelector('#scans-attachments__file__passport-container input.filepond--browser');
input.style.display = 'block';
input.style.opacity = 1;
input.style.visibility = 'visible';
""")
# 再执行send_keys上传
upload_input.send_keys(file_path)

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