Parsing Binary Files in Client-side JS

Question

I'm wondering if there's any possible way of parsing a binary file in client-side Javascript. I would like to write a page that contains an HTML input form for a binary file ( a sound file is the end game ) and a button that activates a Javascript function that 'parses' the file. Is this possible with client-side Javascript?

I know I can do this with C on the server, but I'd like to avoid anything server-side involved. This is because I'm expecting the task to be computationally intensive and I would like to keep the load and the server low.

From what I've seen on Google, it's possible to parse binary data in Javascript. I'm just not sure how to get the file in the hands of a Javascript function without first passing it to the server.

lostsource · Accepted Answer · 2013-05-11 08:16:23Z

6

You can use the FileReader API to read a file client-side

Example:

HTML Markup:

<input id="myfile" type="file"/>

JavaScript:

var fileInput = document.getElementById('myfile');
var fReader = new FileReader();

fReader.onload = function(e) {
  console.log(e.target.result); /// <-- this contains an ArrayBuffer
}

fileInput.onchange = function(e) {
    var file = this.files[0];
    fReader.readAsArrayBuffer(file);
}

JSFiddle: http://jsfiddle.net/wbwHU/ (look at the console for ArrayBuffer output)

edited May 11, 2013 at 8:16

answered May 11, 2013 at 8:10

lostsource

22k9 gold badges71 silver badges90 bronze badges

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

1 Comment

tay10r Over a year ago

thank you! It looks like readAsBinaryString() from this API is exactly what I'm looking for.

Collectives™ on Stack Overflow

Parsing Binary Files in Client-side JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related