0

0

C# Blazor从流下载文件 C# Blazor Server/WASM如何生成并下载文件

星降

星降

发布时间:2026-02-19 12:06:10

|

290人浏览过

|

来源于php中文网

原创

blazor server 中直接使用 filestreamresult 或 filecontentresult 会失败,因 signalr 接管 http 响应;正确做法是通过独立 controller 接口返回文件,并用 js interop 触发下载。

c# blazor从流下载文件 c# blazor server/wasm如何生成并下载文件

Blazor Server 中用 FileStreamResultFileContentResult 会失败

Blazor Server 是服务端渲染,但 HTTP 响应已由 SignalR 连接接管,直接返回 FileStreamResult 或调用 Response.Body.WriteAsync 不生效——浏览器收不到文件头,下载不会触发。你看到的可能是空白页、控制台报错 Failed to launch download: no file,或完全静默。

正确做法是:在后端提供一个标准 MVC/Controller 接口(非组件内方法),生成文件并返回 FileContentResultPhysicalFileResult,再从 Blazor 组件中用 JS 启动下载。

  • 新建一个 Controllers/DownloadController.cs,添加 [HttpGet("api/download/{id}")] 方法
  • 文件内容建议先写入 MemoryStream,再转为 byte[],避免流生命周期问题
  • 设置 ContentType(如 "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")和 FileDownloadName
  • 前端用 NavigationManager.NavigateTo("/api/download/123", forceLoad: true) 会刷新页面;更推荐用 JS interop 触发 window.location.hreffetch + URL.createObjectURL

Blazor WASM 中无法直接访问服务器文件系统

WASM 运行在浏览器沙箱里,System.IO.File 只能读取嵌入资源或通过 IJSRuntime 拿到的用户选择文件。想“生成并下载”,所有逻辑必须在客户端完成。

典型场景:导出 CSV、生成 PDF(用 jsPDF)、导出 Excel(用 SheetJS)。关键点是别试图在 C# 里写文件到磁盘——没意义,也做不到。

SoundRaw AI
SoundRaw AI

面向创作者的 AI 音乐生成器,只需选择情绪、流派和长度,SoundRaw AI就能为你生成优美的歌曲。

下载
  • MemoryStream 构造数据(如 CSV 字符串转 Encoding.UTF8.GetBytes()
  • 调用 JS interop:await JS.InvokeVoidAsync("downloadFile", fileName, base64String)
  • JS 端用 Uint8ArrayBlobURL.createObjectURLa.download 触发保存
  • 注意:WASM 下 Encoding.UTF8.GetBytes() 中文不乱码,但若用 Encoding.Default 可能出错

JS.InvokeVoidAsync("downloadFile", ...) 的 JS 实现要处理 Blob 兼容性

常见错误是只用 data:text/csv;base64,... 链接,Safari 不支持长 URL,Edge 旧版可能截断。稳妥方式是走 Blob + createObjectURL

wwwroot/js/site.js 里定义:

function downloadFile(fileName, base64String) {
    const byteString = atob(base64String);
    const len = byteString.length;
    const bytes = new Uint8Array(len);
    for (let i = 0; i < len; i++) {
        bytes[i] = byteString.charCodeAt(i);
    }
    const blob = new Blob([bytes], { type: 'application/octet-stream' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = fileName;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
}
  • 不要省略 URL.revokeObjectURL,否则内存泄漏
  • 如果文件类型明确(如 PDF),把 type 改成 "application/pdf",有助于浏览器识别
  • IE11 不支持 Blob 构造函数传 Uint8Array,需降级用 new Blob([bytes.buffer])

大文件下载时内存和超时要单独处理

生成 100MB Excel 或 ZIP 时,MemoryStream 会吃光 WASM 堆内存(默认 128MB),Server 端则可能触发 Kestrel 请求超时或 IIS 上传限制。

  • WASM:改用分块生成 + 流式下载不可行;实际应避免前端生成大文件,改由后端异步生成、返回下载链接(带 token 防盗链)
  • Server:Controller 接口里别用 FileContentResult 加载整个文件到内存;改用 FileStreamResult 包裹 FileStream(注意 FileShare.Read 和异步 CopyToAsync
  • 无论哪种模式,都应在响应头加 Content-Disposition: attachment; filename="xxx",且确保 Controller 方法不被 [ValidateAntiForgeryToken] 拦截

最易被忽略的是:Blazor Server 的 SignalR 连接默认 5 分钟超时,而大文件生成可能耗时更久——得同时调大 HubOptions.KeepAliveInterval 和客户端重连逻辑。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
edge是什么浏览器
edge是什么浏览器

Edge是一款由Microsoft开发的网页浏览器,是Windows 10操作系统中默认的浏览器,其目标是提供更快、更安全、更现代化的浏览器体验。本专题为大家提供edge浏览器相关的文章、下载、课程内容,供大家免费下载体验。

1577

2023.08.21

IE浏览器自动跳转EDGE如何恢复
IE浏览器自动跳转EDGE如何恢复

ie浏览器自动跳转edge的解决办法:1、更改默认浏览器设置;2、阻止edge浏览器的自动跳转;3、更改超链接的默认打开方式;4、禁用“快速网页查看器”;5、卸载edge浏览器;6、检查第三方插件或应用程序等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

392

2024.03.05

如何解决Edge打开但没有标题的问题
如何解决Edge打开但没有标题的问题

若 Microsoft Edge 浏览器打开后无标题(窗口空白或标题栏缺失),可尝试以下方法解决: 重启 Edge:关闭所有窗口,重新启动浏览器。 重置窗口布局:右击任务栏 Edge 图标 → 选择「最大化」或「还原」。 禁用扩展:进入 edge://extensions 临时关闭插件测试。 重置浏览器设置:前往 edge://settings/reset 恢复默认配置。 更新或重装 Edge:检查最新版本,或通过控制面板修复

988

2025.04.24

登录token无效
登录token无效

登录token无效解决方法:1、检查token的有效期限,如果token已经过期,需要重新获取一个新的token;2、检查token的签名,如果签名不正确,需要重新获取一个新的token;3、检查密钥的正确性,如果密钥不正确,需要重新获取一个新的token;4、使用HTTPS协议传输token,建议使用HTTPS协议进行传输 ;5、使用双因素认证,双因素认证可以提高账户的安全性。

6400

2023.09.14

登录token无效怎么办
登录token无效怎么办

登录token无效的解决办法有检查Token是否过期、检查Token是否正确、检查Token是否被篡改、检查Token是否与用户匹配、清除缓存或Cookie、检查网络连接和服务器状态、重新登录或请求新的Token、联系技术支持或开发人员等。本专题为大家提供token相关的文章、下载、课程内容,供大家免费下载体验。

836

2023.09.14

token怎么获取
token怎么获取

获取token值的方法:1、小程序调用“wx.login()”获取 临时登录凭证code,并回传到开发者服务器;2、开发者服务器以code换取,用户唯一标识openid和会话密钥“session_key”。想了解更详细的内容,可以阅读本专题下面的文章。

1086

2023.12.21

token什么意思
token什么意思

token是一种用于表示用户权限、记录交易信息、支付虚拟货币的数字货币。可以用来在特定的网络上进行交易,用来购买或出售特定的虚拟货币,也可以用来支付特定的服务费用。想了解更多token什么意思的相关内容可以访问本专题下面的文章。

1635

2024.03.01

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

573

2023.08.03

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

660

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
C# 教程
C# 教程

共94课时 | 9.7万人学习

C 教程
C 教程

共75课时 | 4.8万人学习

C++教程
C++教程

共115课时 | 18.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号