Question

I have a flash recorder which record user input and give me a file Byte-Array in Java-script

now i want to upload that byte-array to the server (MVC3), i wonder how can i do this ?

Answer 1

You could send the byte array as raw data to the server using an AJAX request. We could implement a custom model binder which will read the raw request body and map it to a byte[]:

public class ByteArrayModelBinder : IModelBinder
{
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        var request = controllerContext.HttpContext.Request;
        var buffer = new byte[request.InputStream.Length];
        request.InputStream.Read(buffer, 0, buffer.Length);
        return buffer;
    }
}

then we could have a controller action that will receive this request:

[HttpPost]
public ActionResult Upload([ModelBinder(typeof(ByteArrayModelBinder))] byte[] buffer)
{
    // TODO: do something with the uploaded data
    return Json(true);
}

and finally on the client send the AJAX request:

// create sample data from the A,B,C bytes:
var data = String.fromCharCode(65, 66, 67);

$.ajax({
    url: '@Url.Action("upload")',
    type: 'POST',
    contentType: 'application/octet-stream',
    processData: false,
    data: data,
    success: function (result) {
        alert(result);
    }
});