🏆作者：科技、互联网行业优质创作者
🏆专注领域：.Net技术、软件架构、人工智能、数字化转型、DeveloperSharp、微服务、工业互联网、智能制造
🏆欢迎关注我（Net数字智慧化基地），里面有很多高价值技术文章，是你刻苦努力也积累不到的经验，能助你快速成长。升职+涨薪！！
在Web应用中，文件上传和下载是常见的功能。然而，用户通常希望能够实时看到上传或下载的进度，以便了解当前的完成情况。在ASP.NET Core中，我们可以利用一些技术来实现这一功能。
1. 文件上传进度
为了实现文件上传的实时进度，我们可以使用JavaScript（或jQuery、Axios等库）来发送带有XMLHttpRequest的上传请求，并监听其进度事件。
服务器端（ASP.NET Core）:
在服务器端，你需要一个处理文件上传的API。这可以通过ASP.NET Core的[FromForm]特性来接收上传的文件。
[HttpPost("upload")]
public async Task<IActionResult> UploadFile([FromForm] IFormFile file)
{
// 处理上传的文件...
return Ok();
}
客户端（JavaScript）:
在客户端，你可以使用XMLHttpRequest或fetch API（配合FormData）来上传文件，并监听进度事件。
var formData = new FormData();
formData.append('file', fileInput.files[0]); // 假设fileInput是<input type="file">元素
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
var progress = (e.loaded / e.total) * 100;
console.log(progress + '%'); // 更新进度条或显示上传进度
}
};
xhr.send(formData);
🏆欢迎订阅我的专栏（.NET/C#中大型项目开发），里面的内容能教你采用最简单的方式开发.NET/C#中大型应用——理清技术脉络、形成思维体系、获取最佳实践、框架开发能力。让你具备挑战百万年薪的基础，逐渐成为国内一流.NET/C#从业者。
2. 文件下载进度
文件下载的进度通常是由浏览器自身处理的，因此你无法直接从服务器端获取下载进度。但你可以在客户端通过监听XMLHttpRequest或fetch的进度事件来追踪下载进度。
服务器端（ASP.NET Core）:
在服务器端，你可以通过返回FileStreamResult或PhysicalFileResult来提供文件下载。
[HttpGet("download")]
public IActionResult DownloadFile()
{
var filePath = "path/to/your/file.txt"; // 文件路径
var fileName = Path.GetFileName(filePath);
var stream = System.IO.File.OpenRead(filePath);
return File(stream, "application/octet-stream", fileName);
}
客户端（JavaScript）:
在客户端，你可以使用XMLHttpRequest或fetch API来下载文件，并监听进度事件。
var xhr = new XMLHttpRequest();
xhr.open('GET', '/download', true);
xhr.responseType = 'blob'; // 指定响应类型为blob，以便处理文件内容
xhr.onprogress = function(e) {
if (e.lengthComputable) {
var progress = (e.loaded / e.total) * 100;
console.log(progress + '%'); // 更新进度条或显示下载进度
}
};
xhr.onload = function() {
if (this.status === 200) {
var blob = new Blob([this.response], { type: 'application/octet-stream' });
// 创建下载链接并触发下载...
}
};
xhr.send();
3. 注意事项和优化
大文件处理：当处理大文件时，请确保服务器和客户端都有足够的资源来处理数据传输。在服务器端，你可能需要配置适当的请求超时和文件大小限制。
错误处理：确保你的代码包含适当的错误处理逻辑，以处理网络错误、文件读写错误等。
安全性：当处理文件上传和下载时，请确保你的应用是安全的，特别是要防止潜在的安全漏洞，如目录遍历攻击、文件类型验证等。
性能优化：对于大型文件传输，你可能需要考虑使用流式传输、分块下载等技术来提高性能和用户体验。
用户体验：确保进度条的更新是平滑的，不要频繁地跳动或闪烁，以提供更好的用户体验。
测试：在多种网络环境下测试你的文件上传和下载功能，以确保它在各种条件下都能正常工作。
通过结合服务器端和客户端的技术，你可以在ASP.NET Core应用中实现文件上传和下载的实时进度条功能，从而提升用户体验。
🏆欢迎订阅我的专栏（.NET/C#中大型项目开发），里面有很多高价值技术文章，是你刻苦努力也积累不到的经验，能助你涨薪+升职！让你快速成长为相关领域的架构师、领航员。也能让普通中小企业轻松享有大型互联网分布式系统解决方案。
🏆同时，专栏（.NET/C#中大型项目开发）的内容也能教你采用最简单的方式开发.NET/C#中大型应用——理清技术脉络、形成思维体系、获取最佳实践、框架开发能力。让你具备挑战百万年薪的基础，逐渐成为国内一流.NET/C#从业者。
