如何在ASP.NET Core 6 MVC中使用线程实现后台上传并允许页面跳转？

为什么直接用System.Threading不行？ #

ASP.NET Core MVC是基于HTTP请求-响应的服务端模型：

• 浏览器发起上传请求后，会一直等待服务器返回响应，期间页面处于阻塞状态，没法主动导航（除非用户手动开新标签/刷新，但原上传请求可能中断）。
• 你在服务端开的System.Threading线程，只是在服务器后台执行，但浏览器的请求还是会等这个线程完成才会收到响应，本质没解决前端阻塞的问题。

正确实现方式 #

要实现上传时能自由导航，核心是让上传请求不阻塞前端页面，分两步：

1. 服务端：异步处理上传逻辑 #

把数据库上传逻辑改成异步方法，优化服务器资源占用，同时配合前端实现无阻塞：

// Controller中的异步上传方法
[HttpPost]
public async Task<IActionResult> UploadData(IFormFile file)
{
    await ProcessAndUploadToDbAsync(file);
    return Json(new { success = true, message = "上传完成" });
}

// 实际的异步处理方法
private async Task ProcessAndUploadToDbAsync(IFormFile file)
{
    using var connection = new SqlConnection(_configuration.GetConnectionString("Default"));
    await connection.OpenAsync();
    // 这里写你的批量插入逻辑，务必使用异步API（比如ExecuteAsync）
}

2. 前端：用AJAX/Fetch发起异步请求 #

通过前端异步请求发送上传任务，浏览器不会等待响应，用户可以正常导航其他页面，上传任务在服务器后台继续执行：

// 前端JS代码（用Fetch API）
document.getElementById('uploadForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    
    // 发起异步上传请求，不阻塞页面
    fetch('/Home/UploadData', {
        method: 'POST',
        body: formData
    }).then(response => response.json())
      .then(data => {
          if (data.success) {
              alert('上传完成');
          }
      }).catch(error => {
          console.error('上传失败:', error);
      });
    
    // 可直接导航到其他页面，或让用户自由操作
    // window.location.href = '/Home/OtherPage';
});

进阶：跟踪上传状态（可选） #

如果需要在其他页面查看上传进度或结果：

• 在服务端把上传任务的状态存在缓存（比如IDistributedCache）或数据库中。
• 实现一个状态查询接口，前端定时调用获取进度。

注意事项 #

• 若上传任务耗时极长（超过10分钟），建议用后台服务（IHostedService） 或消息队列处理，避免请求超时。
• 异步方法必须用async/await，禁止使用.Wait()或.Result()，否则会阻塞请求线程，回到原问题。

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