[Question] How to manually download file (donwload dialog) ?

const { chromium } = require("playwright");
const path = require("path");


(async () => {

    const browser = await chromium.launch({
        headless: false,
        // downloadsPath: path.join(__dirname, 'downloads')
    });

    const context = await browser.newContext({
        acceptDownloads: true,
    });

    const page = await context.newPage();

    await page.goto('https://file-examples.com/index.php/sample-documents-download/sample-xls-download/');

    // how to manually download file by User click ????




    // // Automatic Download
    // const handles = await page.$$("#table-files td.text-right.file-link");

    // for (let num of handles) {

    //     const [download] = await Promise.all([
    //         page.waitForEvent('download'),
    //         num.click("a.btn")
    //     ]);

    //     await download.saveAs(path.join(__dirname, 'downloads', download.suggestedFilename()));
    // }

    // await browser.close();
})();

How to manually download file (donwload dialog) ?

[tim-munn]

I am experiencing the identical issue. My use case is I need to download a pdf file to be able to query the contents. In a similar way as ruslanx3m needed to use an xls file Some download options (such as save a pdf), when you open a pdf in a browser (Chrome), launch a native file dialog that needs accepting before the download can progress, rather than using the in browser download option, because the download hasn’t technically started at that point and an event hasn’t been created a ‘download’ object can’t be created, but one is needed to set the path for the download.

In my case I was able to awkwardly work round, by determining the URL of the file I needed to download and separately doing a fetch to that url and saving the Buffer from the response to a file. However it would have been much easier to be able to use a the ‘Download’ functionality.

[tim-munn]

@Ciantic I used axios (https://www.npmjs.com/package/axios) to perform the request as it writes out to a stream I could buffer into a file

const DownloadFileFromURL = async (url,path) => { const writer = Fs.createWriteStream(path) const response = await axios({ url, method: ‘GET’, responseType: ‘stream’ })

response.data.pipe(writer)

return new Promise((resolve, reject) => {
  writer.on('finish', resolve)
  writer.on('error', reject)
})

}