como visualizar un excel en una tabla html?, y luego enviarlo a mi base de datos

publicado por: Anonymous

Buen dia comunidad, quiero hacer que los excel que dan pasarlo a visulizar en una tabla html para luego guardarlo en la base de datos, busque en varios foros, pero no encuentro, supongo que para visualizar el excel debo usar javascript y para enviarlo a la base de datos necesito php, alguien me podria ayudar? se lo agradeceria mucho, estoy que busco y busco y solo encontre esto, pero no me funciona. https://redstapler.co/sheetjs-tutorial-convert-excel-html-table/

solución

Saludos puedes hacerlo asi:

_x000D_

_x000D_

    $('#input-excel').change(function(e){_x000D_
      var reader = new FileReader();_x000D_
      reader.readAsArrayBuffer(e.target.files[0]);_x000D_
      reader.onload = function(e) {_x000D_
        var data = new Uint8Array(reader.result);_x000D_
        var wb = XLSX.read(data,{type:'array'});_x000D_
        var htmlstr = XLSX.write(wb,{sheet:"Hoja1", type:'binary',bookType:'html'});_x000D_
        $('#wrapper')[0].innerHTML += htmlstr;_x000D_
      }_x000D_
    });

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>_x000D_
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/xlsx.full.min.js"></script>_x000D_
<div id="navbar"><span>Leer Excel </span></div>_x000D_
  <div id="wrapper">_x000D_
    <input type="file" id="input-excel"/>_x000D_
  </div>

_x000D_

_x000D_

_x000D_

Si te fijas lo que debes hacer es declarar el nombre de la hoja a leer, en este caso es Hoja1, modifica de acuerdo a tu excel.

Suponiendo el siguiente excel:

ejemplo excel

si te fijas el nombre de la hoja es Hoja1, bien ahora el resultado:
result

Espero te sirva y suerte..!!

es muy importante el nombre de la hoja mas no del archivo..!!

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *