如何修改代码将文件保存到本地C盘自定义路径而非默认下载文件夹

Hey there! The reason your file keeps saving to the Downloads folder by default is because most browsers handle file downloads through their own default settings for security reasons. But if you want to let users choose a custom folder (like a specific spot on your C drive), you can use the File System Access API—this is a modern browser API that lets web apps interact with the user's local file system safely.

Here's how you can update your handleSaveToExcel function to let users pick their desired save location on the C drive:

const handleSaveToExcel = async () => {
  try {
    // 让用户选择保存的文件路径和名称
    const fileHandle = await window.showSaveFilePicker({
      suggestedName: 'your-excel-file.xlsx', // 建议的文件名
      startIn: 'desktop', // 可设置初始位置，比如desktop、documents，或传入之前的文件夹句柄
      types: [
        {
          description: 'Excel Files',
          accept: {
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
          },
        },
      ],
    });

    // 创建可写流
    const writableStream = await fileHandle.createWritable();

    // 替换为你实际生成的Excel文件Blob数据（比如用XLSX.js库生成）
    const excelBlob = new Blob(['your-excel-content-here'], { 
      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' 
    });

    // 将Blob写入选中的文件
    await writableStream.write(excelBlob);
    await writableStream.close();

    console.log('文件已成功保存到用户选择的路径！');
  } catch (err) {
    console.error('保存文件时出错：', err);
    // 处理用户取消选择的情况
    if (err.name === 'AbortError') {
      console.log('用户取消了保存操作');
    }
  }
};

关键说明： #

• File System Access API：这个API需要用户主动触发（比如点击按钮），且仅在安全上下文（HTTPS或localhost）下工作，主流现代浏览器（Chrome、Edge、Firefox 118+）均支持。
• 用户自主选择路径：通过showSaveFilePicker，用户可以导航到C盘任意自定义文件夹（比如C:\MyCustomFolder）并设置文件名，完全由用户控制，符合浏览器安全规范。
• 替换实际数据：记得把代码里的your-excel-content-here替换成你实际生成的Excel文件Blob数据（比如用XLSX.js等工具生成的内容）。

注意事项： #

• 如果你的应用在非localhost的HTTP环境下运行，这个API会失效，因为浏览器要求必须是安全上下文。
• 旧版浏览器（如IE）不支持该API，若需兼容旧环境，可能需要其他方案，但现代项目优先推荐使用这个API。

备注：内容来源于stack exchange，提问作者user25527959