如何使用 Selenium - Python 从网站上我的项目的另一个目录上传图像？

Question

我需要在网站上上传图片，我想将图片存储在我的项目中的单独目录“image”中，这样​​每个人都可以运行我的测试并上传图片而不会出现路径问题。

这是上传表单的html代码：

<form id="imageUploadForm" class="ant-form ant-form-horizontal image-upload-form">
<div class="ant-row ant-form-item">
<div class="ant-col ant-form-item-label ant-col-xs-24 ant-col-sm-4">
<label class="" title="Image list">Image list</label>
</div>
<div class="ant-col ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
<div class="ant-form-item-control">
<span class="ant-form-item-children">
<div class="images-list">
<div class="images-list__upload-btn">
<span class="">
<div class="ant-upload ant-upload-select ant-upload-select-text">
<span tabindex="0" class="ant-upload" role="button">
<input id="image" type="file" accept="" style="display: none;">
<button type="button" class="ant-btn image-upload__btn">
<i aria-label="icon: plus" class="anticon anticon-plus">
<svg viewBox="64 64 896 896" class="" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">

关于上传表单：网站没有输入框，只能通过系统窗口选择文件。

这是我的代码：

import os

image_upload = wd.find_element_by_xpath("//*[@id='imageUploadForm']/div[1]/div[2]/div/span/div/div[1]/span/div")

// tap on a button which opens a system window
 image_upload.click()

//trying to send path to a file which stored in my project
image_upload.send_keys(os.getcwd().replace("fixture", "") + "images/variant_1.png")

显然，不起作用。还阅读了有关与“输入文件”交互的信息，但不知道如何应用。

有什么想法吗？ 提前致谢！

Answer 1

您好，您的快照中有一个 id="image" 的输入标签。尝试使用 sendtext 发送您愿意上传的图片路径，然后点击提交即可。

代码应该如下：

xpath ="//*[@id=\"image\"]; driver.FindElement(By.XPath(xpath)).SendKeys("Your image path");

然后在上传按钮上执行点击事件，它将起作用

Answer 2

首先有一个输入元素，您可以将键发送到该元素，而不是表单元素。然后尽量不要点击输入元素，因为它会触发点击事件并打开 selenium 无法处理的 os 文件检测器。

image_upload_input = wd.find_element_by_xpath("//*[@id='image']")
image_upload.send_keys(os.getcwd().replace("fixture", "") + "images/variant_1.png")

如果以某种方式发送密钥仍然触发打开 os 文件检测器，您需要在 selenium 中通过 file_detector 覆盖它：

from selenium.webdriver.remote.file_detector import UselessFileDetector
wd.file_detector = UselessFileDetector()

简而言之，整个代码将是：

from selenium.webdriver.remote.file_detector import UselessFileDetector
wd.file_detector = UselessFileDetector()
image_upload_input = wd.find_element_by_xpath("//*[@id='image']")
image_upload.send_keys(os.getcwd().replace("fixture", "") + "images/variant_1.png")