AngularJS向IIS上ASP.NET传大文件：Transfer-Encoding头未发送问题

问题场景 #

• 环境：AngularJS客户端 + IIS托管的ASP.NET（.NET Framework 4.7.1）后端
• 需求：上传超过2GB的大文件，已按后端配置绕过IIS默认限制，用Insomnia客户端携带Transfer-Encoding:chunked头可成功上传，但AngularJS设置该头后未实际发送，请求返回400错误。

核心原因 #

浏览器的XMLHttpRequest（XHR）对象会自动处理分块编码逻辑，Transfer-Encoding属于浏览器禁止手动修改的请求头，直接通过AngularJS的$http配置该头会被浏览器忽略，无法生效。

解决方案 #

1. 直接使用XMLHttpRequest实例发送请求（绕过$http） #

绕过AngularJS的$http封装，直接操作XHR对象，让浏览器自动处理分块编码：

function uploadLargeFile(formData) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/api/upload', true);

    // 无需手动设置Transfer-Encoding，浏览器会自动判断并添加
    // 禁止手动设置Content-Length头，否则分块编码会被禁用

    xhr.onload = function() {
      xhr.status >= 200 && xhr.status < 300 
        ? resolve(xhr.response) 
        : reject(new Error(xhr.statusText));
    };
    
    xhr.onerror = () => reject(new Error('网络请求失败'));
    xhr.send(formData);
  });
}

2. 确认后端与IIS配置完整性 #

检查web.config中的关键配置，确保完全解除上传限制并支持分块传输：

<system.web>
  <!-- 移除ASP.NET请求长度限制 -->
  <httpRuntime maxRequestLength="2147483647" executionTimeout="3600" />
</system.web>
<system.webServer>
  <security>
    <requestFiltering>
      <!-- 移除IIS请求内容长度限制 -->
      <requestLimits maxAllowedContentLength="4294967295" />
    </requestFiltering>
  </security>
  <!-- 禁用IIS预读缓存，确保分块流能直接传递到后端 -->
  <serverRuntime uploadReadAheadSize="0" />
</system.webServer>

3. 正确构建FormData #

确保FormData直接使用原生File对象，避免提前将文件读取到内存（导致浏览器自动添加Content-Length头）：

const formData = new FormData();
// 直接添加input获取的File对象，不要转成Base64或Blob
formData.append('file', document.getElementById('fileInput').files[0]);

4. 排查400错误的常见诱因 #

• 后端仍存在未移除的请求长度限制，导致IIS提前拒绝请求
• AngularJS的$http自动添加了Content-Length头，与分块编码冲突
• 手动设置了Content-Type: multipart/form-data，未让浏览器自动生成带boundary的请求头

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