当文件路径输入不可见时,在selenium python中上传照片

时间:2017-05-20 15:02:14

标签: python selenium

这是上传照片的HTML代码:

<div id="choose-photo" class="controls avatar-settings inline-upload-avatar dropdown center">
      <div class="uploader-image uploader-avatar clearfix">
        <div class="dropdown-menu">
  <div class="dropdown-caret">
    <span class="caret-outer"></span>
    <span class="caret-inner"></span>
  </div>
  <ul tabindex="-1" role="menu" aria-hidden="true">
    <li id="photo-choose-existing" class="photo-choose-existing upload-photo" role="presentation">
      <button type="button" class="dropdown-link" role="menuitem">Prześlij zdjęcie</button>
      <div class="photo-selector">
  <button class="btn" type="button">
      Zmień zdjęcie
    </button>
  <span class="photo-file-name">Nie wybrano pliku</span>
  <div class="image-selector">
    <input type="hidden" name="media_file_name" class="file-name">
    <input type="hidden" name="media_data_empty" class="file-data">
    <label class="t1-label">
      <span class="u-hiddenVisually">Dodaj zdjęcie</span>
      <input type="file" name="media_empty" class="file-input js-tooltip" tabindex="-1" accept="image/gif,image/jpeg,image/jpg,image/png" data-original-title="Dodaj zdjęcie">
    </label>
  </div>
</div>

    </li>
      <li id="photo-choose-webcam" class="u-hidden" role="presentation">
        <button type="button" class="dropdown-link">Zrób zdjęcie</button>
      </li>
    <li id="photo-delete-image" class="u-hidden" role="presentation">
      <button type="button" class="dropdown-link" role="menuitem">Usuń</button>
    </li>
      <li class="dropdown-divider" role="presentation"></li>
      <li class="cancel-options" role="presentation">
        <button type="button" class="dropdown-link" role="menuitem">Anuluj</button>
      </li>
  </ul>
</div>

</div>
</div>

我创建了一种简单的方法来将文字发送到输入(它在屏幕上不可见):

fileInput = driver.find_element_by_name('media_empty')
fileInput.send_keys(path)

但它没有做任何事情。我也没有任何错误。

所以,这是第二种可能有效的方法:

<div class="ProfileAvatarEditing-buttonContainer">
<button class="ProfileAvatarEditing-button u-boxShadowInsetUserColorHover" type="button" tabindex="2">
  <div class="ProfileAvatarEditing-addAvatarHelp">
    <span class="Icon Icon--cameraPlus"></span>
    <p>Dodaj zdjęcie profilowe</p>
  </div>
  <div class="ProfileAvatarEditing-changeAvatarHelp">
    <span class="Icon Icon--camera"></span>
    <p>Zmień zdjęcie profilowe</p>
  </div>
  <div class="ProfileAvatarEditing-dropAvatarHelp">
    <span class="Icon Icon--cameraPlus"></span>
    <p>Upuść zdięcie profilowe tutaj</p>
  </div>
</button>

此处用户可以暂停和删除文件。我发现了这个问题:Selenium: Drag and Drop from file system to webdriver?但是我仍然不知道如何在这种情况下使用它。

所以问题是如何将文件路径发送到输入以触发文件上传。在这种情况下,当您从文件对话框中选择文件或拖放它时,您会在照片上看到带预览的确认窗口。那么剩下要做的就是点击确认。但我不知道如何首先发送它。

任何帮助将不胜感激。

编辑: 我找到了一个解决方案(我自己的答案如下):

fileInput = driver.find_element_by_xpath('//*[@id="photo-choose-existing"]/div/div/label/input')
fileInput.send_keys(path)

但还有一个问题:照片上传但文件对话框仍然打开 - 我不知道如何关闭它。我试过访问它:

dialog = driver.switch_to.active_element['value']

但我不知道如何关闭它。

3 个答案:

答案 0 :(得分:1)

奇怪的是,我发现send_keys确实有效。当我在不同的浏览器中检查html代码时,它不是&#34; media_empty&#34;再一次,但不同的名字(&#34;媒体[]&#34;或类似的东西)。相反,我使用过xpath,我惊呆了它确实有效:

fileInput = driver.find_element_by_xpath('//*[@id="photo-choose-existing"]/div/div/label/input')
fileInput.send_keys(path)

答案 1 :(得分:0)

假设页面上存在元素,如果没有明确等待页面上存在元素。

然后试试这个:

public void clickSearchButton() throws Exception{
    try{
        app.safeClickOnElement(SEARCH_BUTTON);
    }catch (Exception e){
        throw new Exception("unable to click button" + e);
    }
}
希望这会对你有帮助!

答案 2 :(得分:0)

尝试使用以下代码:

fileInput  = driver.find_element_by_css_selector("div.image-selector label.t1-label input")
driver.execute_script("arguments[0].setAttribute('value', 'YOUR_PATH_HERE')",fileInput)