javascript - 使用 Ajax 将图像文件发送到 REST api

Question

我正在尝试使用 Microsoft 的 Custom Vision API，但是他们只有 Python、Java 和 .NET 的文档。根据他们的 API 说明，我必须将 Precition-Key 和 Content-Type 作为标题和“将正文设置为：”的一部分。我正在使用cordova拍照，一旦拍完照片，它就会返回一个FILE_URI。我已经尝试了一切，包括使用Node服务器为我做请求，虽然它可以工作，但它让事情变得更慢所以我只想通过javascript来做，但我现在有点卡住了。

        function takePhoto(){
            alert("WEW")
            let opts = {
                quality:80,
                destinationType: Camera.DestinationType.FILE_URI,
                sourceType:Camera.PictureSourceType.CAMERA,
                mediaType:Camera.MediaType.PICTURE,
                encodingType:Camera.EncodingType.JPEG,
                cameraDirection:Camera.Direction.BACK
            }
            navigator.camera.getPicture(pictureSuccess, pictureFailed, opts);
        }
        function pictureSuccess(imageUrl){
            alert(data);
              $.ajax({
                    type:"POST",
                    data: imageUrl,      
                    headers: {
                     "Prediction-Key":"5d953acd19264d489ac0c15d590dd505",
                    "Content-Type":"application/octet-stream"
                    },               
                    url : 'https://southcentralus.api.cognitive.microsoft.com/customvision/v2.0/Prediction/447f3fe7-05cd-46e3-9c8d-6460e3a3311c/image',                       
                    success: function(data){
                     alert(data)
                    },
                    error:function(e){
                        alert("Error"); 
                    }
                });



        }