使用Ajax将图像文件发送到REST API

Question

我正在尝试使用Microsoft的Custom Vision API，但是它们仅包含Python，Java和.NET的文档。 Based on their API instructions我必须在标题中包含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"); 
                    }
                });



        }