JSFiddle - React, Tailwind, and code Playground

by wizard

HTML

<input type="file" id="files" name="files[]"   /></input>
<div id="ct"></div>

CSS

#ct {
		width: 500px;
		height: 500px;
		padding: 0px;
		top: 50px;
		background: aqua;
		left: 0px;
		position:  absolute;
		
		margin: 0 1%;
		overflow: scroll;
		border:2px solid blue;
		}

JavaScript

$('#files').change(handleFileSelect);
var reader = new FileReader();

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


	for (var i = 0, f; f = files[i]; i++) {		

		reader.onload = (function(theFile) {
			return function(e) {
				dxfFile = e.target.result;
                
	
				$('#ct').text(dxfFile);
              
	
			};
		})(f);
        
       
       
        
		reader.readAsText(f);
		



	}	


}