How do I upload files?

[SunGg12138]

How do I upload files?

[cyrus-and]

Hm, do you mean how to submit a form which include file upload using the CDP? Specifically how to handle the <input type="file" /> input tag?

In that case, you can use DOM.setFileInputFiles:

const CDP = require('chrome-remote-interface');

CDP(async (client) => {
    try {
        const {DOM, Runtime} = client;
        // fetch the file input node
        const {root} =  await DOM.getDocument();
        const {nodeId: myFileId} = await DOM.querySelector({
            nodeId: root.nodeId,
            selector: '#myFile'
        });
        // fill the file input
        await DOM.setFileInputFiles({
            nodeId: myFileId,
            files: ['/tmp/foo', '/tmp/bar']
        });
        // submit the form
        await Runtime.evaluate({
            expression: `document.getElementById('myForm').submit()`
        });
    } catch (err) {
        console.error(err);
    } finally {
        client.close();
    }
}).on('error', (err) => {
    console.error(err);
});

[SunGg12138]

Thank you! Your answer is perfect！

[zhangLeLer]

May I ask how to access documents in an iframe, such as accessing a div element that exists in the iframe

Thank you! Your answer is perfect！

May I ask how to access documents in an iframe, such as accessing a div element that exists in the iframe