Sending binary data in ajax/jquery REST api

Question

To everyone who mask this as a duplicate; please see the other answers you are refering to and the links I have provided here. They content type is audio/wav and not stream/octet as mentioned in other answers. Please don't mark questions as duplicates without reading its content

I am trying to send an audio file to a server, so I can get an JSON response back. This is an IBM Service so we have the REST API provided by them. Below is my code in ajax

function recognize()
            {
                $.ajax
                ({
                    type: "POST",
                    url: "https://stream.watsonplatform.net/speech-to-text/api/v1/recognize",
                    dataType: 'json',
                    username: "xxxx",
                    password: "xxxx",
                    contentType: "audio/wav",


                    success: function (data){
                        alert(JSON.stringify(data)); 
                    }
                });
            }

Below is the IBM example for the REST call I am going to make -

curl -u "{username}":"{password}" \
-H "content-type: audio/wav" \
--data-binary @"/path/to/file.wav" \
"https://stream.watsonplatform.net/speech-to-text/api/v1/sessions/{session_id}/recognize"

The link to the example page and description is - http://www.ibm.com/smarterplanet/us/en/ibmwatson/developercloud/speech-to-text/api/v1/#recognize

My question is, how Can I send the binary file via Ajax? This is actually a phonegap application.

Here is an interesting question; if I send the URI of the file into data: tag of the REST call it works. If I send the real path it do not. why???

Possible duplicate of Sending binary data in javascript over HTTP — Mark
– Mark, Commented Feb 25, 2016 at 17:50
Did you try the method in the other question? If so, you should add that information to your question and also any errors about why it didn't work. If you haven't tried it, please do so. Binary data should be binary data regardless of the content-type. — Mark
– Mark, Commented Feb 25, 2016 at 18:02

Filix Mogilevsky · Accepted Answer · 2016-02-25 18:22:23Z

2

You can use XMLHttpRequest to send binary data

ar oReq = new XMLHttpRequest();
oReq.open("POST", url, true);
oReq.onload = function (oEvent) {
  // Uploaded.
};

var blob = new Blob(['abc123'], {type: 'audio/wav'});

oReq.send(blob);

answered Feb 25, 2016 at 18:22

Filix Mogilevsky

7878 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

PeakGen Over a year ago

Thank you for the reply. How can I add the other rest parameters mentioned above?

PeakGen Over a year ago

another thing, abc123 if the wav file path?

Filix Mogilevsky Over a year ago

@PeakGen You right, I didn't include file extension, by bad. I will also take a look at how to pass params as well.

Collectives™ on Stack Overflow

Sending binary data in ajax/jquery REST api

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related