selenium自动化之Headless模式下上传图片

我一个达不溜

已于 2023-02-13 17:09:18 修改

阅读量526

点赞数 1

分类专栏： python自动化 selenium 文章标签： python selenium Powered by 金山文档

于 2023-02-13 17:07:50 首次发布

本文链接：https://blog.csdn.net/tyler961123/article/details/129011427

版权

python自动化同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

selenium

1 篇文章 0 订阅

订阅专栏

文章介绍了在无头浏览器模式下，如何使用JavaScript修改页面属性来处理隐藏的上传按钮，从而实现使用Selenium进行图片上传。当input标签被隐藏时，通过改变其上级div的style.display属性为block，可以使上传按钮可见，然后利用Selenium的send_keys方法上传文件。

摘要由CSDN通过智能技术生成

headless mode，无头模式。Headless模式是系统的一种配置模式。在该模式下，系统缺少了显示设备、键盘或鼠标。对于需要在无头模式下运行的项目，selenium的send_keys、win弹窗、或者借助第三方工具Autolt等传统方式并不能满足上传图片/文件的需求。此时需要借助JS修改页面属性进行上传。

有些上传图片的元素隐藏了input标签的属性，此时若用send_keys方法直接上传的话selenium会报错，如图所示，下面上传图片的元素隐藏了一个Upload按钮：

可以看到input标签的上级div标签存在一个style=display:none的属性，此时更改style属性的值，即可将upload按钮显示出来：

此时再用selenium的send_keys方法即可正常上传图片。此方法适用于headless模式下上传图片的情况，但仅限于标签名为input，type='file'属性的文件上传表单

示例代码如下：

js='var q=document.evaluate("{}", document).iterateNext();q.{} = {};'.format("//form[@class='el-form el-form--label-top']//div[@class='upload-box']/div[1]//button[@class='el-button el-button--default']/../..",'style.display','\"block\"') #更改input上级标签div的style属性。'//form[@class='el-form el-form--label-top']//div[@class='upload-box']/div[1]//button[@class='el-button el-button--default']/../..'为需要更改的属性的标签定位;'style.display'为需要更改的属性；'\"block\"'为更改后的值
driver.execute_script(js) #执行js
driver.find_element_by_css_selector('.el-upload__input').send_kyes('test.jpg')#定位input标签，上传图片