使用Selenium的find_element上传文件提示找不到对应ID如何解决

报错根因 #

• 动态页面源码结构不稳定：Kapwing属于单页应用，每次加载页面的源码结构、元素ID都会发生变化，固定按空格拆分取第2119个元素提取ID的逻辑完全不可靠，几乎不可能每次都拿到正确的上传控件ID。
• 元素加载等待逻辑错误：你在页面刚打开就读取源码，此时页面核心元素还未渲染完成，提取到的内容本身就是残缺的，拿到的ID自然不存在。
• 定位方式选择错误：文件上传控件有统一的特征，不需要通过解析源码的方式获取ID。

修复方案 #

直接通过文件上传控件的固有属性<input type="file">定位，配合显式等待保证元素加载完成，修复后的代码如下：

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

driver = webdriver.Chrome()
driver.get("https://www.kapwing.com/subtitles")

# 显式等待最多10秒，直到文件上传input元素加载完成
wait = WebDriverWait(driver, 10)
file_upload_input = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, 'input[type="file"]')))

# 传入本地文件路径完成上传
file_upload_input.send_keys("/Users/xx/Desktop/lol.mp4")

特殊情况处理 #

如果定位到的input元素是隐藏状态，执行上传前可以手动修改元素可见性：

# 将隐藏的上传控件设置为可见
driver.execute_script("arguments[0].style.display = 'block'; arguments[0].style.opacity = '1';", file_upload_input)

注意：如果页面存在多个文件上传控件，可以给CSS选择器加上父级元素的类名、属性等限制条件，缩小定位范围到你需要的上传控件即可。

内容的提问来源于stack exchange，提问作者60 Seconds Restorations