Codec ░ Single, Multiple Files and Javascript’s FileReader API

819Single, Multiple Files and Javascript’s FileReader API

Getting a single file (with convenience jQuery event handler)

<input type="file" id="chooseFile" name="files"  />

$('#open #chooseFile').change(function(e){
	var fileList = e.target.files;
	// get the one and only file
	var file = fileList[0];
	// further process file content...
	var reader = new FileReader();
	reader.readAsText(file, "text/plain");		
	reader.onload = localLoaded;
	reader.onerror = localError;
	// ...
});

Getting multiple files:

<input type="file" id="chooseFile" name="files[]" multiple />

$('#open #chooseFile').change(function(e){
	var fileList = e.target.files;
	// loop over the files
 
	for (var i=0, file; file=fileList[i]; i++) {
		var reader = new FileReader();
		reader.readAsText(file, "text/plain");		
		reader.onload = localLoaded;
		reader.onerror = localError;
		// ...
	}
});