无需手动操作:利用 Playwright 自动上传文件

简介: Playwright是Microsoft的自动化测试工具,支持Chrome、Firefox和Safari。本文展示了如何用Python和Playwright自动上传文件。`locator.set_input_files()`方法用于选择文件,可上传多个或清除已选文件。当输入元素动态创建时,可监听`page.expect_file_chooser()`事件。示例代码包括直接上传和处理弹出文件选择框的情况。这种方法适用于批量文件上传场景。

image.png

前言

Playwright 是一个由 Microsoft 开发的自动化测试工具,它提供了跨浏览器的自动化测试能力,包括 Chrome、Firefox 和 Safari。除了测试之外,Playwright 还可以用于执行浏览器操作,例如模拟用户行为来实现文件上传功能。在本文中,我们将使用 Playwright 和 Python 实现自动上传文件的功能,这对于那些需要大量上传文件的应用程序来说尤为实用。

文件上传

playwright提供了locator.set_input_files()方法选择要上传的输入文件,它期望第一个参数指向 <input > 的输入元素"file",数组中可以传递多个文件,如果某些文件路径是相对的,则它们将相对于当前工作目录进行解析。空数组清除所选文件。

# 选择一个文件
page.get_by_label("Upload file").set_input_files('myfile.pdf')

# 选择多个文件
page.get_by_label("Upload files").set_input_files(['file1.txt', 'file2.txt'])

# 移除所有文件
page.get_by_label("Upload file").set_input_files([])

如果没有输入元素(它是动态创建的),可以使用 page.on("filechooser") 事件或在您的操作中使用相应的等待方法:

with page.expect_file_chooser() as fc_info:
    page.get_by_label("Upload file").click()
file_chooser = fc_info.value
file_chooser.set_files("myfile.pdf")

相关操作:

  • file_chooser.element 返回与此文件选择器关联的输入元素
  • file_chooser.is_multiple() 返回此文件选择器是否接受多个文件
  • file_chooser.page 返回此文件选择器所属的页面

设置与此选择器关联的文件输入的值。如果其中一些filePaths是相对路径,那么它们将相对于当前工作目录进行解析。对于空数组,清除所选文件

file_chooser.set_files(files)
file_chooser.set_files(files, **kwargs)

相关参数

  • files pathlib.Path
  • no_wait_after 启动导航的操作正在等待这些导航发生并等待页面开始加载。您可以通过设置此标志来选择退出等待。您仅在特殊情况下才需要此选项,例如导航到无法访问的页面。默认为false.
  • timeout 以毫秒为单位的最长时间,默认为 30 秒,传递0以禁用超时,可以使用browser_context.set_default_timeout()page.set_default_timeout()方法更改默认值

实例

下面我们分情况来介绍playwright上传文件的方法。

  1. input 输入框,并且类型是type="file",如下图所示:

image.png

我们可以直接定位输入框,用set_input_files('myfile.pdf') 方法上传文件路径,类似于selenium的send_keys('文件路径.xx')

    page.goto("*****l")

    page.get_by_label("文件名称").fill("xxxx")
    # 不点开文件框的情况下
    page.get_by_label("选择文件").set_input_files('xxx.png')
  1. 不是input输入框,必须点开文件框的情况(selenium上没法实现的操作)

可以使用page.expect_file_chooser() 监听到弹出框,在弹出框上输入文件路径,代码如下:

with page.expect_file_chooser() as fc_info:
        page.get_by_label("选择文件").click()
    page.pause()
    file_chooser = fc_info.value
    file_chooser.set_files(path)

在运行过程中你是感知不到文件选项框弹出来的

异步代码示例:

async with page.expect_file_chooser() as fc_info:
    await page.get_by_text("Upload file").click()
file_chooser = await fc_info.value
await file_chooser.set_files("myfile.txt")

总结

使用 Playwright 和 Python 可以轻松实现文件自动上传功能,这对于需要大量上传文件的应用程序来说是非常实用的。

相关文章
|
JavaScript 前端开发 API
vue element plus Cascader 级联选择器
vue element plus Cascader 级联选择器
2337 0
|
Web App开发 应用服务中间件 Go
尝鲜:如何搭建一个简单的webrtc服务器
前几天我一朋友问我有关webrtc的事,简单了解了下相关知识,搭建了一个webrtc的服务,以及经历的各种踩坑事件,感觉踩坑主要是Python、Node、OpenSSL等版本问题和证书问题导致。本来以为很简单的搭建,但在搭建的过程中遇到各种阻碍,写一篇文章梳理一下。
14397 0
|
4月前
|
数据采集 边缘计算 编解码
解析!CNC机床数据采集的几种方案优缺点对比
本文对比分析CNC机床五种主流数据采集方案:原生协议直连、PLC/IO信号、宏变量指令、外挂智能网关及屏幕图像识别,剖析其优劣与适用场景,助力企业破解兼容性差、成本高、效率低等痛点,构建高效智能的数据采集体系。
|
人工智能 安全 Apache
QwenPaw:你的私人 AI 助理 —— 数据归你、记忆进化、多端触达的开源个人智能体
QwenPaw 是一款开源、本地优先的AI个人智能体(Apache 2.0),数据归属用户、记忆自主进化、支持钉钉/飞书/微信等多端触达。3行命令即可部署,内置Coding IDE、Persona人格、定时任务、MCP工具生态与多Agent协作,真正属于你的私有AI助理。
QwenPaw:你的私人 AI 助理 —— 数据归你、记忆进化、多端触达的开源个人智能体
|
SQL 分布式计算 Hadoop
大数据行业部署实战1:Hadoop伪分布式部署
大数据行业部署实战1:Hadoop伪分布式部署
1116 0
|
Python
项目依赖的python包requirements.txt文件的生成与安装
项目依赖的python包requirements.txt文件的生成与安装
2087 0
|
Windows
怎么让鼠标带黄色光圈?
怎么让鼠标带黄色光圈?
2654 0
怎么让鼠标带黄色光圈?
|
2月前
|
存储 人工智能 运维
阿里云万小智AI建站三版本选型全解:轻量/标准/高级版功能、资源、灵感值差异与选购指南
在数字化普及的当下,个人品牌展示、小微企业官网、门店宣传站点、项目活动落地页的搭建需求愈发普遍。传统建站模式存在代码门槛高、部署周期长、服务器配置复杂、设计成本昂贵、后期运维繁琐等诸多问题,极大提升了轻量化线上站点的落地门槛。阿里云重磅推出的**万小智AI建站**,凭借零代码可视化搭建、AI智能生成页面、自带全套云资源、免运维托管、极速上线的核心优势,成为2026年个人与中小微企业轻量化建站的首选方案。
260 0
|
5月前
|
存储 弹性计算 人工智能
2026年阿里云新用户定义及新人专属优惠活动
阿里云新用户指无付费订单的注册会员,首购享超值特惠:轻量服务器低至38元/年、ECS 99元起,叠加新人券与160+款产品免费试用,助个人及企业轻松上云!
2169 5

热门文章

最新文章