talamaska · May 22, 2014 15:20
diff --git a/csvParser.html b/csvParser.html
 <html>

 <head>

 <script>

    // Check for the various File API support.
 	if (window.File && window.FileReader && window.FileList && window.Blob) {
 	  // Great success! All the File APIs are supported.
 	} else {
 	  alert('The File APIs are not fully supported in this browser.');
 	}

 </script>

 </head>
 <body>

 	<input type="file" id="files" name="files[]" multiple />
 	<output id="list"></output>
 	
 	<table id="outputTable">	
 	</table>

 	<script>
 	
 	  var table = document.getElementById('outputTable');
 	
 	  function parseCSV(text, lineTerminator, cellTerminator) {
 	  
 		//break the lines apart
 		var lines = text.split(lineTerminator);
 	
 		for(var j = 0; j<lines.length; j++){
 		  
 			if(lines[j] != ""){
 		
 				//create a table row 
 				var tableRow = table.appendChild(document.createElement('tr'));
 		
 				//split the rows at the cellTerminator character
 				var information = lines[j].split(cellTerminator);
 		
 				for(var k = 0; k < information.length; k++){
 					//append the cell to the row
 					var cell = tableRow.appendChild(document.createElement('td'));
 					cell.appendChild(document.createTextNode(information[k]));
 		
 				}
 		
 			}
  
 		}
 	  
 	  }
 		
 	  function handleFileSelect(evt) {
 		var files = evt.target.files; // FileList object

 		// Loop through the FileList and populate the 'outputTable' with the data
 		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) {
 			
 			  //call the parse function with the proper line terminator and cell terminator
 			  parseCSV(e.target.result, '\n', ';');
 			
 			};
 		  })(f);

 		  // Read the file as text
 		  reader.readAsText(f);
 		  
 		}
 	  }

 	  document.getElementById('files').addEventListener('change', handleFileSelect, false);
 	</script>

 </body>
 </html>
	<html>

	<head>

	<script>

	// Check for the various File API support.
	if (window.File && window.FileReader && window.FileList && window.Blob) {
	// Great success! All the File APIs are supported.
	} else {
	alert('The File APIs are not fully supported in this browser.');
	}

	</script>

	</head>
	<body>

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

	<table id="outputTable">
	</table>

	<script>

	var table = document.getElementById('outputTable');

	function parseCSV(text, lineTerminator, cellTerminator) {

	//break the lines apart
	var lines = text.split(lineTerminator);

	for(var j = 0; j<lines.length; j++){

	if(lines[j] != ""){

	//create a table row
	var tableRow = table.appendChild(document.createElement('tr'));

	//split the rows at the cellTerminator character
	var information = lines[j].split(cellTerminator);

	for(var k = 0; k < information.length; k++){
	//append the cell to the row
	var cell = tableRow.appendChild(document.createElement('td'));
	cell.appendChild(document.createTextNode(information[k]));

	}

	}

	}

	}

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

	// Loop through the FileList and populate the 'outputTable' with the data
	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) {

	//call the parse function with the proper line terminator and cell terminator
	parseCSV(e.target.result, '\n', ';');

	};
	})(f);

	// Read the file as text
	reader.readAsText(f);

	}
	}

	document.getElementById('files').addEventListener('change', handleFileSelect, false);
	</script>

	</body>
	</html>