Imagine que su página web quiere interactuar con archivos en la computadora del usuario. HTML5 proporciona una herramienta útil llamada File API para hacer esto posible. La API de archivos permite la interacción con archivos únicos, múltiples y BLOB.

La API FileReader se puede utilizar para leer un archivo de forma asincrónica en colaboración con javascript manejo de eventos. Sin embargo, no todos los navegadores son compatibles con HTML 5, por lo que es importante probar la compatibilidad del navegador antes de utilizar File API.

Hay cuatro métodos integrados en la API FileReader para leer archivos locales:

• FileReader.readAsArrayBuffer(): Lee el contenido del archivo de entrada especificado. El atributo de resultado contiene un ArrayBuffer que representa los datos del archivo.
• FileReader.readAsBinaryString(): Lee el contenido del archivo de entrada especificado. El atributo de resultado contiene los datos binarios sin procesar del archivo como una cadena.
• FileReader.readAsDataURL(): Lee el contenido del archivo de entrada especificado. El atributo de resultado contiene una URL que representa los datos del archivo.
• FileReader.readAsText(): Lee el contenido del archivo de entrada especificado. El atributo de resultado contiene el contenido del archivo como una cadena de texto. Este método puede tomar la versión de codificación como segundo argumento (si es necesario). La codificación predeterminada es UTF-8.

Diferentes ejemplos de lectura de archivos de texto locales usando JavaScript:

Ejemplo 1: Demostrar el uso del método FileReader.readAsText() para leer el archivo local.

pre>