FileReader reading json file

FileReader allows you to load json files and it parses it into global var of json. Made for so topic: http://stackoverflow.com/questions/22268481/read-local-json-file-in-firefox-extension

HTML

<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<div id="thetext"></div>
<div id="Ob">m</div>

CSS

#thetext {
    width:100px;
}

JavaScript

var json;

function handleFileSelect(evt) {
	var files = evt.target.files; // FileList object

	// files is a FileList of File objects. List some properties.

}

document.getElementById('files').addEventListener('change', handleFileSelect, false);

function handleFileSelect(evt) {
	var files = evt.target.files; // FileList object

	// files is a FileList of File objects. List some properties.
	var output = [];
	for (var i = 0, f; f = files[i]; i++) {
		var reader = new FileReader();

		// Closure to capture the file information.
		reader.onload = (function (theFile) {
			return function (e) {
				//console.log('e readAsText = ', e);
				//console.log('e readAsText target = ', e.target);
				try {
					json = JSON.parse(e.target.result);
                    var tempy = JSON.stringify(json);
                    $("#thetext").text(tempy);
                    $("#ob").text(JSON.stringify(json[0]));
					//alert('json global var has been set to parsed json of this file here it is unevaled = \n' + JSON.stringify(json));
				} catch (ex) {
					alert('ex when trying to parse json = ' + ex);
				}
			}
		})(f);
		reader.readAsText(f);
	}

}

document.getElementById('files').addEventListener('change', handleFileSelect, false);