How do I...send a recorded blob to a web service

Question

1.00/5 (1 vote)

See more:

I have a blob which currently is stored in memory, I would like a way to get that blob and send it to a web service. Any kind of help would be appreciated.

the following code is in my recorder.js to send blob to server

JavaScript

Recorder.sendFile = function(cb, filename) {
    var uri = "http://localhost/TestWebService/UploadService.asmx?op=UploadAudio";
    var xhr = new XMLHttpRequest();

    xhr.open("POST", uri, true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
           // Handle response.
           alert(xhr.responseText); // handle response.
        }
    };
    xhr.send(cb);
  }

i call the function from the recorder.js in main.js

JavaScript

function sendAudio() {
    Recorder.sendFile( doneEncoding );
}

i call the method in html

HTML

<button  önclick="saveAudio(this);"></button>

i use the method to retrieve the blob in my web service

C#

public string UploadAudio(byte[] file)
    {
        string straudioPath;
        straudioPath = "~App_Data/";
        FileStream objfilestream = new FileStream(straudioPath, FileMode.Create, FileAccess.ReadWrite);
        objfilestream.Write(file, 0, file.Length);
        objfilestream.Close();

        return "OK";
    }

Posted 20-May-14 22:08pm

Ignitius

Updated 21-May-14 9:29am

v4

Add a Solution

Comments

Sunasara Imdadhusen 21-May-14 8:19am

Where is your code

Ignitius 21-May-14 8:43am

which specific code

Kornfeld Eliyahu Peter 21-May-14 15:48pm

I can't see where the stored file in this code!

Ignitius 22-May-14 0:54am

The bloburl was created and currently gets placed in thw browser cache, im not sure how to retrieve it, so I assumed if I took the 'cb'/blob before the url is created, I assumed it should work, im relatively new to this

Kornfeld Eliyahu Peter 22-May-14 1:17am

You can not retrieve cached content from the browser I'm afraid...

Ignitius 22-May-14 2:17am

So how do I retrieve the blob because it is created by the browser and im assuming it creates the blob straight into the cache

Kornfeld Eliyahu Peter 22-May-14 2:28am

AS I know, there is no way to read the browser's cache...

Ignitius 22-May-14 2:30am

So the only way to get it done is to save the file on the local disk then retrieve it from there, as on the topic does the rest of the coding look correct

Kornfeld Eliyahu Peter 22-May-14 2:34am

I'm not sure what's your app specification - so it's only a maybe.
But beside local disk you may look for HTML5 localStorage/sessionStorage too...

Ignitius 22-May-14 2:42am

Since localStorage/sessionStorage only works with strings, will the base64 string be compatible

Kornfeld Eliyahu Peter 22-May-14 2:50am

Yes, base64 IS a string...

Ignitius 22-May-14 3:43am

could this work

Recorder.sendFile = function(blob, filename) {
var url = (window.URL || window.webkitURL).createObjectURL(blob);
var link = documet.getElementByid("file");
link.href = url;

var reader = new window.FileReader();
reader.readAsDataURL(url);
reader.onloadend = function() {
base64data = reader.result;
console.log(base64data );
}

var uri = "http://localhost/TestWebService/UploadService.asmx?op=UploadAudio";
var xhr = new XMLHttpRequest();

xhr.open("POST", uri, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// Handle response.
alert(xhr.responseText); // handle response.
}
};
xhr.send(base64data);
}

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)