使用selenium和python使元素可见以上载文件

Question

以下是Html代码片段：

 <div class="ia-ControlledFilePicker"><input class="ia-ControlledFilePicker-control icl-u-visuallyHidden" type="file" id="ia-FilePicker"><label class="ia-ControlledFilePicker-fakeControl" for="ia-FilePicker">Choose file</label><span class="ia-ControlledFilePicker-info">No file chosen</span></div>
    <input class="ia-ControlledFilePicker-control icl-u-visuallyHidden" type="file" id="ia-FilePicker-resume">

以下是CSS位：

.icl-u-visuallyHidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }

目标：使用selenium python将文件上载到页面。我也不能单击selenium中的“选择文件”按钮，因为它是隐藏的

到目前为止，我试图使元素可见但不起作用的东西：

    # change_visibility = "document.setElementById('ia-FilePicker').style.visibility='visible';"
    # changWebElemente_display = "document.setElementById('ia-FilePicker').style.display='block';"
    # self.driver.execute_script(change_visibility)
    # self.WebElement.execute_script(change_display)

#

    # change_height = "document.getElementsByClassName('ia-FilePicker.ia-ControlledFilePicker-control.icl-u-visuallyHidden').style.height='100px';"
    # change_width = "document.getElementsByClassName('ia-FilePicker.ia-ControlledFilePicker-control.icl-u-visuallyHidden').style.width='100px';"
    # self.driver.execute_script(change_height)
    # self.driver.execute_script(change_width)

#

WebDriverWait(self.driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.ia-FilePicker.ia-ControlledFilePicker-control.icl-u-visuallyHidden#ia-FilePicker-resume"))).style.display = "block" ) 

还有更多。这件事我已经做了好几天了

错误：消息：javascript错误：无法读取null的属性“style”

我也知道AutoIT，但我现在想在Chrome和Python上使用Selenium。我能做什么？谢谢你的帮助

Answer 1

使用“不透明度”设置使字段可见

self.driver.execute_script("document.querySelector(\"input[id*='ia-FilePicker-resume']\").style.opacity='1'");

然后尝试上传文件