Puppeteer笔记（五）：Puppeteer文件上传

Puppeteer系列

1、Puppeteer笔记（一）：Puppeteer简介

2、Puppeteer笔记（二）：Puppeteer安装及实例Demo

3、Puppeteer笔记（三）：Puppeteer获取元素及元素属性

4、Puppeteer笔记（四）：Puppeteer模拟键盘

5、Puppeteer笔记（五）：Puppeteer文件上传

6、Puppeteer笔记（六）：Puppeteer切换frame操作

7、Puppeteer笔记（七）：Puppeteer切换浏览器TAB页

8、Puppeteer笔记（八）：Puppeteer执行自定义Javascript方法

一、Puppeteer文件上传

1、elementHandle.uploadFile(...filePaths)

二、上手实例Demo

　　功能测试：打开百度首页，点击按图片搜索，手动上传图片

 1 const puppeteer = require('puppeteer');
 2 //puppeteer文件上传操作，适用原声控件：<input type=file/>
 3 async function upload() {
 4     //创建一个Browser浏览器实例，并设置相关参数
 5     const browser = await puppeteer.launch({
 6         headless: false,
 7         defaultViewport: null,
 8         args: ['--start-maximized'],
 9         ignoreDefaultArgs: ['--enable-automation']
10     });
11     //创建一个Page实例
12     const page = await browser.newPage();
13     //跳转百度首页
14     await page.goto("https://www.baidu.com");
15     //等待元素加载成功
16     const soutuBtn = await page.waitForSelector('span.soutu-btn');
17     //点击上传图片按钮
18     await soutuBtn.click();
19     //uploadFile上传图片
20     const uploadPic = await page.waitForSelector('input.upload-pic');
21     //上传图片目录自定义
22     await uploadPic.uploadFile('D:\MyConfiguration\ww23928\Desktop\Test\uploadPic.jpg');
23     await page.waitFor(3000);
24     //关闭浏览器
25     await browser.close();
26 }
27 upload();