使用html2pdf生成PDF时是否可以指定文件保存路径？

首先明确核心前提：

受浏览器沙箱安全策略限制，运行在浏览器中的纯前端JavaScript没有权限直接访问本地文件系统，也无法强制指定PDF文件的本地保存路径，这是浏览器为了避免恶意脚本随意写入用户本地文件做的安全限制，没有办法通过前端代码绕过。

你可以根据自己的业务场景选择对应实现方案：

场景1：纯浏览器前端环境 #

你只能自定义生成的PDF文件名，无法控制保存路径，文件默认会存储到用户浏览器设置的默认下载目录。如果需要让用户自主选择保存位置，需要用户手动开启浏览器的「下载前询问每个文件的保存位置」配置，前端代码无法控制该行为。
调整文件名的代码示例：

function generatePDF(){
    // 选择要渲染为PDF的元素
    const element = document.getElementById('bill');
    // save方法可直接传入自定义文件名参数
    html2pdf().from(element).save('账单明细.pdf');
}

场景2：Electron等桌面端开发环境 #

如果你的项目是基于Electron开发的桌面应用，可以调用Node.js的fs模块结合html2pdf输出的Blob对象，实现指定路径保存：

const fs = require('fs');
const path = require('path');

async function generatePDF(){
    const element = document.getElementById('bill');
    // 先将内容输出为blob对象，不直接触发下载
    const pdfBlob = await html2pdf().from(element).output('blob');
    // 转换为Buffer供Node.js fs模块写入
    const arrayBuffer = await pdfBlob.arrayBuffer();
    const buffer = Buffer.from(arrayBuffer);
    // 自定义指定本地保存路径，比如D盘下的PDF文件夹
    const savePath = path.join('D:', 'PDF存储目录', '账单明细.pdf');
    // 写入文件到指定路径
    fs.writeFile(savePath, buffer, (err) => {
        if(err) {
            console.error('保存失败：', err);
            return;
        }
        console.log('PDF已保存到指定路径');
    });
}

场景3：需要保存到服务器指定文件夹 #

如果需要把PDF存储到服务端的指定目录，你可以把生成的Blob传到后端接口，由后端完成存储操作：
前端代码示例：

async function generatePDF(){
    const element = document.getElementById('bill');
    const pdfBlob = await html2pdf().from(element).output('blob');
    // 构造FormData对象用于上传
    const formData = new FormData();
    formData.append('pdfFile', pdfBlob, '账单明细.pdf');
    // 调用后端上传接口
    fetch('/api/upload-pdf', {
        method: 'POST',
        body: formData
    }).then(res => res.json())
    .then(data => {
        console.log('上传成功，服务端已保存到指定目录');
    }).catch(err => {
        console.error('上传失败：', err);
    });
}

内容的提问来源于stack exchange，提问作者bhupesh shakya