.NET Core 2 MVC从Azure Blob Storage下载：Chrome正常IE异常咨询

我之前也踩过类似的IE兼容坑，你的问题核心在于IE对HTML5下载特性的支持和Chrome完全不一样，而且它有自己专属的Blob下载API，咱们一步步来搞定：

先说说问题根源 #

• Chrome等现代浏览器支持<a>标签的download属性，可以直接指定文件名，并且能正常处理Blob链接；
• 但IE完全不支持download属性，当你直接点击链接时，它会默认把请求里的标识（也就是你的debitMemo ID）当成文件名，同时直接通过链接下载Blob的方式在IE里会触发保存失败，因为它没法正确识别Blob对象。

具体解决办法，分前端+后端两个层面 #

前端处理（核心兼容逻辑） #

我们需要做浏览器检测，针对IE用专属API触发下载，其他浏览器保持原有逻辑：

1. 编写一个兼容的下载函数：

function downloadDebitMemo(debitMemoId, blobName) {
  // 检测是否是IE浏览器（包括Edge兼容模式）
  const isIE = window.navigator.userAgent.indexOf('MSIE ') > -1 || window.navigator.userAgent.indexOf('Trident/') > -1;

  if (isIE) {
    // IE下用XMLHttpRequest获取Blob，再调用专属API下载
    const xhr = new XMLHttpRequest();
    xhr.open('GET', `/你的控制器路径?debitMemoId=${debitMemoId}`, true);
    xhr.responseType = 'blob'; // 指定返回类型为Blob

    xhr.onload = function() {
      if (xhr.status === 200) {
        // 使用IE专属的msSaveBlob方法，直接指定正确的文件名
        window.navigator.msSaveBlob(xhr.response, blobName);
      }
    };

    xhr.send();
  } else {
    // 现代浏览器用原有方式，保证download属性生效
    const link = document.createElement('a');
    link.href = `/你的控制器路径?debitMemoId=${debitMemoId}`;
    link.download = blobName;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }
}

2. 修改HTML里的下载链接，改成调用这个函数：

<!-- 把原来的href链接换成点击事件，传入debitMemo的ID和正确的blob文件名 -->
<a href="javascript:void(0)" onclick="downloadDebitMemo(76, '你的正确文件名.ext')">下载凭证</a>

后端控制器补充优化 #

为了确保IE能正确识别文件信息，后端需要在响应头里设置正确的Content-Disposition：

• 如果你用的是C# MVC控制器，可以这样写：

public ActionResult DownloadDebitMemo(int debitMemoId)
{
    // 你的业务逻辑：获取文件字节流和blob文件名
    byte[] fileBytes = GetFileBytes(debitMemoId);
    string blobName = GetBlobName(debitMemoId);

    // 设置响应头，指定文件名，IE需要额外处理中文编码（如果有）
    var contentDisposition = new System.Net.Mime.ContentDisposition
    {
        FileName = blobName,
        Inline = false // 强制下载而不是在线打开
    };
    Response.AppendHeader("Content-Disposition", contentDisposition.ToString());

    // 返回文件流
    return File(fileBytes, MimeMapping.GetMimeMapping(blobName));
}

• 如果文件名包含中文，要确保编码正确避免乱码，可以用RFC 5987的编码格式：

string encodedFileName = System.Web.HttpUtility.UrlEncode(blobName, System.Text.Encoding.UTF8);
Response.AppendHeader("Content-Disposition", $"attachment; filename*=UTF-8''{encodedFileName}");

这样调整之后，IE里点击下载就会显示正确的文件名，而且能正常完成保存了。

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