Saltar al contenido

javascript – ¿Cómo leer un archivo de texto local?

septiembre 23, 2021
apple touch icon@2

Solución moderna:

Usar fileOrBlob.text() como sigue:

<input type="file" onchange="this.files[0].text().then(t => console.log

Cuando el usuario carga un archivo de texto a través de esa entrada, se registrará en la consola. Aquí hay una demostración de jsbin funcional.

Aquí hay una versión más detallada:

<input type="file" onchange="loadFile(this.files[0])">
<script>
  async function loadFile(file) {
    let text = await file.text();
    console.log(text);
  }
</script>

Actualmente (enero de 2020) esto solo funciona en Chrome y Firefox, verifique aquí la compatibilidad si está leyendo esto en el futuro: https://developer.mozilla.org/en-US/docs/Web/API/Blob/text

En navegadores más antiguos, esto debería funcionar:

<input type="file" onchange="loadFile(this.files[0])">
<script>
  async function loadFile(file) {
    let text = await (new Response(file)).text();
    console.log(text);
  }
</script>

Relacionado: A partir de septiembre de 2020, el nuevo API del sistema de archivos nativo disponible en Chrome y Edge en caso de que desee acceso de lectura permanente (e incluso acceso de escritura) al archivo seleccionado por el usuario.

close