如何通过Angular+ASP.NET Core存储文件到SQL Server varbinary(max)字段

你之前的转换逻辑本身没有问题，校验失败是因为两个核心误区：

• 传入转换函数的base64字符串大概率带了data:[MIME类型];base64,格式的Data URI前缀，直接传入atob()会生成错误的二进制内容
• Blob、ArrayBuffer、Uint8Array类型无法被Angular默认的HttpClient JSON序列化器正确转换，ASP.NET Core后端无法把序列化后的结果绑定为C#的byte[]类型，直接触发校验错误。

具体实现步骤 #

1. 先预处理base64字符串，移除Data URI前缀

// 清理base64字符串前缀
private cleanBase64(rawBase64: string): string {
  const base64PrefixReg = /^data:.*?;base64,/;
  return rawBase64.replace(base64PrefixReg, '');
}

2. 将清理后的纯base64转换为普通数字数组（每个元素为0-255的字节值），不要返回Blob、ArrayBuffer或Uint8Array类型

// 转换为后端可识别的字节数组格式
base64ToByteArr(rawBase64: string): number[] {
  const pureBase64 = this.cleanBase64(rawBase64);
  const binaryChars = window.atob(pureBase64);
  const result: number[] = new Array(binaryChars.length);
  for (let i = 0; i < binaryChars.length; i++) {
    result[i] = binaryChars.charCodeAt(i);
  }
  return result;
}

3. 接口请求时直接把上面函数返回的number[]作为参数传入即可，后端C# DTO中对应属性定义为byte[]类型就能完成自动模型绑定，EF Core会自动将该属性映射到SQL Server的varbinary(max)字段，不需要额外做格式转换。

注意事项 #

• 如果传输的文件大小超过1MB，不建议用base64+JSON的方式传输，base64编码会比原始文件大33%，大文件场景建议改用multipart/form-data格式直接上传文件流，传输和存储效率更高
• 不要直接把未处理的带前缀base64字符串传给后端做转换，会额外增加不必要的请求体积
• 不要直接传递Uint8Array类型，JSON序列化时该类型会被处理为空对象，后端无法识别绑定

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