Error Reading Text File In HTML 5

I have written the following code to read contents of a text file using FileReader object of HTML 5 for Google Chrome.

<script>
function handle_files(files) {
var i;
if (checkBrowser("Chrome")) {
for (i = 0; i < files.length; i++) {
file = files[i];
var reader = new FileReader();
ret = [];
reader.onload = function (e) {
console.log(e.target.result)
}reader.onerror = function (stuff) {
console.log("error", stuff)
console.log(stuff.getMessage())
}text = reader.readAsText(file[i]);
alert(text);
}}}
</script>
<input type="file" multiple="multiple" onchange="handle_files(this.files)">

Unfortunately, the variable text always displays as undefined. Everything above the line text = reader.readAsText(file[0]); works fine. Is there any other solution to read a text file using HTML5/JavaScript on Chrome?