### Playwright 文件上传设置路径的方法 在使用 Playwright 进行文件上传时，可以通过 `setInputFiles` 方法来指定文件路径并完成上传操作。此方法适用于标准的 `<input type="file">` 元素[^1]。 对于非标准的文件上传场景（即页面未提供 `<input>` 元素的情况），可以利用 `page.on('filechooser', handler)` 来监听文件选择器事件，并通过调用 `FileChooser.setFiles()` 方法设置目标文件路径[^2]。 以下是两种常见情况下的代码示例： #### 1. 使用 `<input type="file">` 的文件上传 当页面提供了标准的文件输入字段时，可以直接定位该元素并通过 `setInputFiles` 方法设置文件路径。 ```javascript const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // 打开包含文件上传表单的目标网页 await page.goto('https://example.com/upload-form'); // 定位 input[type='file'] 并设置文件路径 await page.setInputFiles('input[type="file"]', '/path/to/your/file.txt'); console.log('File uploaded successfully.'); await browser.close(); })(); ``` #### 2. 处理无 `<input>` 元素的文件上传 如果页面不包含 `<input>` 元素，则需要捕获文件选择器弹窗并手动设置文件路径。 ```javascript const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // 监听 filechooser 事件 page.on('filechooser', async (fileChooser) => { await fileChooser.setFiles('/path/to/your/file.txt'); }); // 点击触发文件选择器的按钮或其他交互控件 await page.click('#upload-button'); console.log('File selected and set via File Chooser.'); await browser.close(); })(); ``` 以上两段代码分别展示了针对不同类型的文件上传需求所采用的具体实现方式。前者适合于常规 HTML 表单提交流程；后者则用于应对更加复杂的 UI 设计模式，在这种情况下无法直接访问底层 DOM 节点[^3]。 此外，为了确保测试过程中能够准确验证文件是否成功下载至本地目录，还可以结合其他辅助逻辑检查最终生成的结果文件是否存在及其内容完整性等问题[^4]。