如何从JPEG生成的ArrayBuffer访问Uint8Array并发送至WCF服务？

我来帮你搞定这个问题！你不需要去纠结访问ArrayBuffer内部的[[Uint8Array]]，其实通过TypedArray视图就能轻松处理二进制数据，下面是具体步骤：

1. 从ArrayBuffer创建Uint32Array视图 #

首先，你已经通过FileReader.readAsArrayBuffer拿到了JPEG文件的ArrayBuffer，直接用它创建Uint32Array即可——这是解读这块内存为32位无符号整数的视图：

// 假设fileReader.result就是你得到的ArrayBuffer
const arrayBuffer = fileReader.result;
const uint32Array = new Uint32Array(arrayBuffer);

2. 将Uint32Array转换为适合WCF的字节数组 #

WCF服务通常接收byte[]类型，对应的就是JS里的Uint8Array。这里有两种方式转换：

方式一：直接共享底层Buffer（简单快捷） #

Uint32Array和Uint8Array可以共享同一个ArrayBuffer，所以直接基于Uint32Array的buffer创建Uint8Array就行，它会自动按系统字节序把每个32位整数拆成4个字节：

const byteArray = new Uint8Array(uint32Array.buffer);

方式二：手动控制字节序（避免跨平台问题） #

如果WCF服务要求特定字节序（比如大端序），可以手动处理每个Uint32元素的字节：

const byteArray = new Uint8Array(uint32Array.length * 4);
for (let i = 0; i < uint32Array.length; i++) {
  // 按大端序写入（高位字节在前）
  byteArray[i * 4] = (uint32Array[i] >> 24) & 0xFF;
  byteArray[i * 4 + 1] = (uint32Array[i] >> 16) & 0xFF;
  byteArray[i * 4 + 2] = (uint32Array[i] >> 8) & 0xFF;
  byteArray[i * 4 + 3] = uint32Array[i] & 0xFF;
}

3. 发送字节数组到WCF服务 #

用XMLHttpRequest或者fetch发送二进制数据即可，这里以XMLHttpRequest为例：

const xhr = new XMLHttpRequest();
xhr.open('POST', '你的WCF服务接口地址', true);
// 设置请求头为二进制流
xhr.setRequestHeader('Content-Type', 'application/octet-stream');
// 发送Uint8Array（底层会自动用它的ArrayBuffer）
xhr.send(byteArray);

如果你的WCF服务是通过SOAP接收参数，也可以把字节数组转成base64字符串再发送（不过二进制流方式更高效）：

// 将Uint8Array转base64
const base64String = btoa(String.fromCharCode(...byteArray));
// 然后把base64字符串作为参数传入SOAP请求

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