JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://yourjavascript.com/119112369/xlsx.js"></script>
<script src="http://yourjavascript.com/152186169/jszip.js"></script>
<script src="http://yourjavascript.com/621719612/jszip-load.js"></script>
<script src="http://yourjavascript.com/421961176/jszip-inflate.js"></script>
<script src="http://yourjavascript.com/611912518/jszip-deflate.js"></script>
<input type="file" name="p_file" id="p_file" />
<div id="output"></div>

JavaScript

$(document).ready(function() {
	$("#p_file").on("change", function() {
  	var v_files = $(this).prop("files")[0];
    loadFile(v_files);
    console.log($(this).val());
  });
});

function loadFile(data) {
    var obj = xlsx(data);
    $('#output').text(JSON.stringify(obj));
}

var file =...