使用Selenium和ng-file-upload自动上传文件

Question

我有一个项目，我通过ng-file-upload上传照片，我需要使用Python中的selenium webdriver自动执行上传过程。

我的HTML元素如下所示：

<element
    ngf-pattern="image/*" accept="image/*"
    ngf-max-size="10MB" ngf-max-height="1000" ngf-select="addPhoto($index, $file)">
    ...</element>

手动执行此操作时，上传元素肯定有效。但我找不到使用Python中的Selenium自动化的方法。我已经尝试找到元素，然后发送图像的绝对路径的键，但这只是将绝对路径放在浏览器的搜索字段中（就像我在Mac上键入“Command + F”）

请注意，没有

<input type="file"/> 

使用这种上传文件的方法。

有关如何使用Selenium在Python中执行此操作的任何想法？谢谢！

Answer 1

必须是隐藏的文件输入，它隐含地负责文件上传。例如，angular-file-upload DEMO page将其隐藏在页面底部。

这是一个有效的例子：

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


driver = webdriver.Chrome()
driver.get("https://angular-file-upload.appspot.com/")

# wait for the upload box to be visible
wait = WebDriverWait(driver, 10)
element = wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div[ngf-select]")))

# get a model
model = element.get_attribute("ng-model")

# find a file input by model
file_input = driver.find_element_by_css_selector('input[ngf-select][ng-model="%s"]' % model)

# upload an image
file_input.send_keys("/absolute/path/to/dr-evil-and-minion-laughing.png")

结果：