46 - API FILE (lectura de archivo de texto local)
Problema:
Confeccionar un programa que nos permita seleccionar de nuestro disco duro un archivo de texto y posteriormente leer su contenido y mostrarlo en un control textarea. Mostrar además su nombre, tamaño y tipo.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE HTML> <html> <head> <title>Prueba</title> <script> window.addEventListener('load', inicio, false); function inicio() { document.getElementById('archivo').addEventListener('change', cargar, false); } function cargar(ev) { document.getElementById('datos').innerHTML='Nombre del archivo:'+ev.target.files[0].name+'<br>'+ 'Tamaño del archivo:'+ev.target.files[0].size+'<br>'+ 'Tipo MIME:'+ev.target.files[0].type; var arch=new FileReader(); arch.addEventListener('load',leer,false); arch.readAsText(ev.target.files[0]); } function leer(ev) { document.getElementById('editor').value=ev.target.result; } </script> </head> <body> <input type="file" id="archivo"><br> <textarea rows="10" cols="80" id="editor"></textarea> <br> <p id="datos"></p> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar