Отправка файла изображения в REST API с помощью Ajax

Question

Я пытаюсь работать с Microsoft Custom Vision API, однако у них есть только документация по Python, Java и .NET. На основании инструкций API Я должен включить Precision-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"); 
                    }
                });



        }