Python 如何根据HTML找到与文本上传图像相关的上传按钮?

Python 如何根据HTML找到与文本上传图像相关的上传按钮?,python,selenium,selenium-webdriver,xpath,css-selectors,Python,Selenium,Selenium Webdriver,Xpath,Css Selectors,我在Firefox中使用Selenium(我尝试过chrome,但这次的成功率要低得多)。我试图找到一个元素(上传按钮),但成功率远未达到可接受的百分比 现在我知道我可以尝试只使用selenium来输入,但无论我做什么,它都无法找到它。所以我用AutoIt作为上传部分 frdriver.get('') time.sleep(11) try: # el = WebDriverWait(frdriver, 15).until(EC.presence_of_element_located((B

我在Firefox中使用Selenium(我尝试过chrome,但这次的成功率要低得多)。我试图找到一个元素(上传按钮),但成功率远未达到可接受的百分比

现在我知道我可以尝试只使用selenium来输入,但无论我做什么,它都无法找到它。所以我用AutoIt作为上传部分

frdriver.get('')
time.sleep(11)
try:
    # el = WebDriverWait(frdriver, 15).until(EC.presence_of_element_located((By.XPATH, '/html/body/div[1]/header/div[2]/div[2]/div/div/form/i[2]')))
    el = frdriver.find_element_by_xpath('/html/body/div[1]/header/div[2]/div[2]/div/div/form/i[2]')

    try:
        el.click()
        print(el)
        #ActionChains(frdriver).move_to_element(el).click().perform()
        try:
            #element = WebDriverWait(frdriver, 15).until(EC.presence_of_element_located((By.XPATH, '/html/body/div[1]/header/div[2]/div[2]/div/div/form/div[2]/div[3]/div[1]/div/div/div[1]')))

            element = frdriver.find_element_by_xpath('/html/body/div[1]/header/div[2]/div[2]/div/div/form/div[2]/div[3]/div[1]/div/div/div[1]')
            time.sleep(4)
            try:
                element.click()
                #ActionChains(frdriver).move_to_element(element).click().perform()
                autoit.run("/image.exe")
                r = 100
            except:
                print('Firefox retries upload')
                r += 1
        except:
            print('Firefox retries upload')
            r += 1
    except:
        print('Firefox retries upload')
        r += 1
except:
    print('Firefox retries upload')
    r += 1
正如你所看到的,我尝试了很多方法,每一种都取得了几乎相同的成功。 我正在使用一台远程windows机器来完成这项工作,这可能是我的想法,但如果不最小化,效果会更好

此外,由于某些原因,有时即使未成功单击按钮,也会绕过try/except并继续

编辑页面的html

<div class="ui-searchbar-keyword-panel ui-searchbar-keyword-hide ui-searchbar-static" style="z-index: 99; position: absolute; left: 0px; top: 35px;" data-widget-cid="widget-7">
    <div class="ui-searchbar-img-search-box">
        <div class="icbu-w-image-uploader-panel">
            <div class="icbu-w-image-uploader-content">
                <div class="upload-btn-wrapper">
                    <div class="upload-btn" data-spm-anchor-id="a2700.8293689.scGlobalHomeHeader.i1.2ce265aarlKA3D" style="z-index: 1;">Upload Image</div>
                    <div id="html5_1cjiqdvveht51pom1nbkqoiaop3_container" class="moxie-shim moxie-shim-html5" style="position: absolute; top: 14px; left: 224px; width: 109px; height: 28px; overflow: hidden; z-index: 0;">
                        <input id="html5_1cjiqdvveht51pom1nbkqoiaop3" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="image/jpeg,image/png,image/bmp">
                    </div>
                </div>
                <div class="response-text">Max 2MB per Image</div>
            </div>
        </div>
    </div>
    <div class="J-box-loadding-mask box-loadding-mask" data-role="loading" style="display: none;">
        <div class="mh-mamo-loadding-box">
            <i class="mh-mamo-icon-loadding"></i>
            <span class="J-loading-text mh-mamo-loadding-text">Loading...</span>
        </div>
    </div>
</div>

上传图像
每幅图像最大2MB
加载。。。

您应该使用
驱动程序。隐式地等待(X)
其中X是秒数,而不是使用
时间来重新设计轮子。睡眠
并重试。这将增加selenium对页面加载的容忍度,并且您将在查找页面元素方面获得更好的成功。

要找到与文本相关的上传按钮,请使用以下解决方案:

  • XPATH

    upload_button = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='upload-btn-wrapper']//div[@class='moxie-shim moxie-shim-html5' and starts-with(@id,'html5_')]/input[starts-with(@id,'html5_')]"))).click()
    
  • CSS\u选择器

    upload_button = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.upload-btn-wrapper div.moxie-shim.moxie-shim-html5[id^='html5_']>input[id^='html5_']"))).click()
    
注意:您必须添加以下导入:

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

共享HTML代码示例或/和页面URL@Andersson只是希望如此helps@bowo229我使用WebDriverWait(frdriver,15)。直到(EC.元素的存在……将尝试您建议的方法,但我怀疑它是否会产生显著影响我问这个问题的原因是因为我尝试了硒元素等等。无论如何,如果可能的话,我会给您一个提示does@bowo229就像我说的一样,没有任何改变。我尝试使用常规的chromedriver设置,没有headless,我可以使用driv上传呃。通过_css_选择器(“输入”)查找_element_。单击()。尝试下载目标页面的html,并在脱机副本上使用脚本,以确保脚本按预期工作。