javascript - AngularJS:将二进制数据从 ArrayBuffer 放入服务器

Question

好的，所以我尝试像这样阅读 PDF 文件:

reader.readAsArrayBuffer(file);

然后尝试使用 $http 将其发送到服务器，如下所示:

$http.put(url, data, {headers: {'Content-Type': 'application/pdf'}});

因此，只需读取原始格式的二进制文件并将其发送到服务器。根据我发现的一些资源，将 ArrayBuffer 传递给 XHR 应该 可以工作，但是将它作为数据传递给 $http 只会导致请求 body 像这样:{} 和 Content-Length=2

读取文件 readAsBinaryString() 会导致文件损坏(并且由于这个原因显然已被弃用)

这个用例对我来说似乎微不足道，我是不是漏掉了什么？

Chrome 36，Angular 1.2.20

Answer 1

您必须使用 reader.readAsArrayBuffer(file); 然后在 onload 回调中根据结果创建一个 ArrayBufferView:

new Uint8Array(reader.result)

将该数据传递给 $http 并覆盖 transformRequest 属性，这样 angularjs 就不会将您的数组编码为 json:

reader.onload = function() {
    $http({
        method: 'PUT', 
        headers: {'Content-Type': 'application/pdf'}, 
        data: new Uint8Array(reader.result), 
        transformRequest: []
    })
};
reader.readAsArrayBuffer(file);