如何在前端从后端下载 excel 文件？

Question

我想启动浏览器下载在我的后端生成的 excel 文件，但我不知道如何传递那种响应。

app.get('/all', function (req, res) {
    db.query(...) LIMIT 20000;")
    .then(function (data) {
        let result = []
        data.forEach(element => {
            result.push(element)
        })

        /* make the worksheet */
        var ws = XLSX.utils.json_to_sheet(data);

        /* add to workbook */
        var wb = XLSX.utils.book_new();
        XLSX.utils.book_append_sheet(wb, ws, "All");

        XLSX.writeFile(wb, 'alltest1.xlsx'); //This saves the file in my server but I don't know how to send it as a response.

        console.log('Ready');

        res.send(result);
    })
    .catch(function (error) {
        console.log("ERROR:", error)
    })
})

我一直在尝试在前端创建 excel，但是 chrome 我认为由于数据量大，内存不足。我也尝试传递一个缓冲区，但我得到的文件似乎已损坏。

Answer 1

设置文件的响应 header Content-Disposition and Content-Type 告诉浏览器文件作为响应发送

res.setHeader('Content-Disposition',
        "attachment; filename='alltest1'; filename*=UTF-8\'\'alltest1.xlsx");
res.setHeader('Content-Type', "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");

并将文件内容作为响应发送

res.send(wb)

或你也可以使用res.download.

res.download(filePath, fileName, (err) => { if (err) console.log(err); })

如何在前端从后端下载 excel 文件？

How to dowload an excel file from backend in frontend?

javascript

xlsx

node.js

reactjs

js-xlsx