Lectura de fichero de texto en Javascript. Se imprime por pantalla el resultado el contenido del fichero procesado.
Implementación
<html>
<head>
<title>Lectura de fichero de texto mediante Javascript</title>
</head>
<body>
<input type="file" name="inputFile" id="inputFile">
<br>
<pre id="output"></pre>
<script type="text/javascript">
document.getElementById('inputFile').addEventListener('change', function() {
var fichero = new FileReader();
fichero.onload = () => {
document.getElementById('output').textContent = fichero.result;
}
fichero.readAsText(this.files[0]);
});
</script>
</body>
</html>
El código está embebido dentro de una página HTML. Todo lo incluido entre las clausulas <script> pertenece al código Javascript que realiza la lectura del fichero. Es importante entender la dependencia en el código con el elemento HTML identificado como “output” ya que será ahí donde se muestre el resultado.
Este ejemplo muestra un caso claro de manipulación del DOM (Document Object Model) para mostrar un texto procesado.
Más recursos de gestión de ficheros
Escribir fichero JS
Recursos básicos JS
Prototype | Añadir propiedades de forma dinámica a un objeto |
toLocaleString | Herramienta esencial para el formateo de fechas y números en aplicaciones internacionales |
Recursividad y pila | Uso de recursividad y funcionamiento de la pila JS |
Desestructuración | Mecanismo para desempaquetar arrays y objetos |
Manejo de Strings | Manejo básico de Strings, cadenas de caracteres |
Operadores | Uso de operadores de comparación y lógicos |
Promesas | Gestión de peticiones asíncronas con promesas |
Sleep | Implementación de la función sleep() en JS |
This | Uso de la palabra reservada this en diferentes contextos |
Maps | Te enseñamos cuando usar Map y cuando Object con ejemplos |
Switchery JS | Librería para modificar el estilo de los checkbox |
Mejores libros Javascript Español | Encuentra los mejores libros para aprender JS y convertirte en el desarrollador más demandado. |
Exception JS | Manejo de excepciones en Javascript, control de errores y flujo de programa. |
Obfuscator Javascript | Protege tu código Javascript Ofuscándolo |
Javascript desde cero | Aprende los conceptos básicos de Javascript, ponte en marcha. |
Lodash | Lodash hace que la manipulación de datos en JavaScript sea más fácil y menos propensa a errores |
Formatdate JS | Formateo y trabajo con fechas en javascript de forma sencilla. |
Dayjs | Biblioteca para la gestión de fechas |
padStart | Maneja cadenas de texto con la función padStart() |