javascript – 如何通过AngularJs $http将二进制文件放到API中

我想将二进制文件(图像)上传到接受application / octet-stream的api.不幸的是,似乎有角度想要改变我的请求,这显然不起作用并导致
TypeError：key.charat不是函数

我的请求看起来像这样：

var f = document.getElementById('file_picker').files[0],
r = new FileReader();
r.onloadend = function(e){
    var fileData = e.target.result;
    $http({
        url: '.../upload/' + id,
        method: 'PUT', 
        headers: {'Authorization': 'Bearer asdf',
        'Content-Type': 'application/octet-stream'}, 
        data: new Uint8Array(fileData), 
        transformRequest: []
    })
})
r.readAsArrayBuffer(f);

这是我通过curl的请求,它有效：

curl -i -X PUT -H "Authorization: Bearer asdf" -H "Content-Type: application/octet-stream" --data-binary @jpg.jpg https://.../upload/123

有任何想法吗？谢谢.

解决方法:

试试这个：

            var fd = new FormData();
            fd.append("file", fileObj);

            $http({
                method: "POST",
                params: { 'forcecache': new Date().getTime() },
                url: <yoururl>,
                headers: {
                    "Content-Type": undefined
                },
                transformRequest: angular.identity,
                data: fd
            });

这是我们其中一个项目的工作示例.有关详细信息,请参见http://www.uncorkedstudios.com/blog/multipartformdata-file-upload-with-angularjs/