javascript - Ajax を使用して画像ファイルを REST API に送信する

Question

Microsoft の Custom Vision API に取り組もうとしていますが、Python、Java、および .NET のドキュメントしかありません。API の指示に基づいて、Precition-Key と Content-Type をヘッダーの一部として含め、「ボディを : に設定」する必要があります。私はコルドバを使用して写真を撮っています。写真が撮られると、FILE_URIが返されます。ノードサーバーを使用してリクエストを実行するなど、すべてを試しましたが、機能している間は動作が遅くなるため、 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"); 
                    }
                });



        }