Tengo un botón que carga el archivo de Excel.

 <input type="file" id="input-excel" value="Choose File" accept=".xlsx" />

A continuación se muestra un script incrustado en el HTML para leer el archivo de Excel y mostrarlo en la interfaz de usuario.

 <script type="text/javascript"> // read and display the records from excel file on the screen // passing in my button id here $('#input-excel').change(function (e) { var reader = new FileReader(); reader.readAsArrayBuffer(e.target.files[0]); reader.onload = function (e) { var excelData = new Uint8Array(reader.result); var wb = XLSX.read(excelData, { type: 'array' }); console.log(wb); var htmlstr = XLSX.write(wb, {/* sheet: "Sheet1",*/ type: 'binary', bookType: 'html'}); $('#wrapper')[0].innerHTML += htmlstr; }; }); </script> @section scripts{ <script src="~/Scripts/ViewModels/RmaCreation/rmacreation.js"></script> <script src="~/Scripts/knockout-3.2.0.js"></script> <script language="javascript" src="~/Scripts/xlsx.full.min.js"></script> }

Puedo cargar un archivo de Excel en la primera iteración. Puedo ver los registros del archivo de Excel en la interfaz de usuario.

Sin embargo, el botón deja de responder en la segunda iteración. ¿Cómo hago que este botón responda después de cada iteración?