Blazor WASM 7.0.14生成Excel后下载提示文件不可用问题

你的核心问题是Blazor WASM是纯客户端运行的应用，你试图在客户端代码里写入服务器的wwwroot目录，这完全不成立：

• WASM客户端代码运行在浏览器沙箱中，没有权限访问服务器的文件系统
• Directory.GetCurrentDirectory()在WASM环境中返回的是浏览器沙箱内的虚拟路径，不是服务器的wwwroot目录
• 你生成的Excel文件根本没出现在服务器的可访问路径下，所以浏览器访问https://localhost:7281/exports/horeca.xlsx会返回404

正确实现方案：客户端直接生成并下载 #

不需要将文件保存到服务器，直接在客户端把字节数组转成Blob触发下载，步骤如下：

1. 修改Blazor端导出逻辑
   在页面的@code块中，替换原有的ExportToExcel、SaveSpreadSheetBytes、DownloadFileFromURL方法为：

public async Task ExportToExcel() 
{
    var spreadsheetBytes = ProductsToBytes();
    // 直接将字节数组传给JS处理下载
    await JS.InvokeVoidAsync("triggerFileDownloadFromBytes", "horeca.xlsx", spreadsheetBytes);
}

2. 更新index.html中的JS函数
   替换原来的triggerFileDownload函数为：

<script>
    window.triggerFileDownloadFromBytes = (fileName, byteArray) => {
        // 将C#字节数组转为浏览器Blob对象
        const blob = new Blob([byteArray], { 
            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' 
        });
        // 创建临时下载链接
        const url = URL.createObjectURL(blob);
        const anchorElement = document.createElement('a');
        anchorElement.href = url;
        anchorElement.download = fileName ?? '';
        anchorElement.click();
        // 释放临时URL资源
        URL.revokeObjectURL(url);
        anchorElement.remove();
    }
</script>

3. 移除无用的硬编码下载链接
   删除页面ToolBarContent中的这个标签：

<a id="exportCsv" class="btn" href="https://localhost:7281/exports/horeca.xlsx" download="horeca.xlsx" role="button" target="=_top">Export to Excel</a>

方案说明 #

这种方式完全在客户端完成Excel生成与下载：

• 不需要服务器存储文件，避免了文件权限、清理等问题
• 符合Blazor WASM的客户端运行模型，不需要额外的服务器接口
• 生成的Blob是浏览器临时资源，下载后会自动释放，不会占用客户端存储

内容的提问来源于stack exchange，提问作者Muhammed Amin