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

　　功能測試：打開百度首頁，點擊按圖片搜索，手動上傳圖片

const puppeteer = require('puppeteer');
//puppeteer文件上傳操作，適用原聲控件：<input type=file/>
async function upload() {
    //創建一個Browser瀏覽器實例，並設置相關參數
    const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: null,
        args: ['--start-maximized'],
        ignoreDefaultArgs: ['--enable-automation']
    });
    //創建一個Page實例
    const page = await browser.newPage();
    //跳轉百度首頁
    await page.goto("https://www.baidu.com");
    //等待元素加載成功
    const soutuBtn = await page.waitForSelector('span.soutu-btn');
    //點擊上傳圖片按鈕
    await soutuBtn.click();
    //uploadFile上傳圖片
    const uploadPic = await page.waitForSelector('input.upload-pic');
    //上傳圖片目錄自定義
    await uploadPic.uploadFile('D:\\MyConfiguration\\ww23928\\Desktop\\Test\\uploadPic.jpg');
    await page.waitFor(3000);
    //關閉瀏覽器
    await browser.close();
}
upload();