API File <p>Archivos:<br><input type="file" name="archivos" id="archivos"></p> </form> </section> <section id="cajadatos"> No se seleccionaron archivos </section> </body> </html> Listado 12-1. Plantilla para trabajar con los archivos del usuario.
El archivo CSS incluye estilos para esta plantilla y otros que vamos a usar más adelante:
#cajaformulario{ float: left; padding: 20px; border: 1px solid #999999; } #cajadatos{ float: left; width: 500px; margin-left: 20px; padding: 20px; border: 1px solid #999999; } .directorio{ color: #0000FF; font-weight: bold; cursor: pointer; } Listado 12-2. Estilos para el formulario y la cajadatos.
Leyendo archivos Para leer archivos en el ordenador de los usuarios tenemos que usar la interface FileReader. Esta interface retorna un objeto con varios métodos para obtener el contenido de cada archivo: readAsText(archivo, codificación) Para procesar el contenido como texto podemos usar este método. Un evento load es disparado desde el objeto FileReader cuando el archivo es cargado. El contenido es retornado codificado como texto UTF-8 a menos que el atributo codificación sea especificado con un valor diferente. Este método intentará interpretar cada byte o una secuencia de múltiples bytes como caracteres de texto. readAsBinaryString(archivo) La información es leída por este método como una sucesión de enteros en el rango de 0 a 255. Este método nos asegura que cada byte es leído
241