| Pregunta: | 67169 - COMO ABRIR UN TXT EN HTML |
| Autor: | jorge solar |
| q tal buenas
porfavor queria q me dieran el codigo para examinar todo el escritorio como al descargar un documento y al seleccionar el archivo sea mostrado dentro del documento | |
| Respuesta: | Angela Andrea Perez Uribe |
| Para examinar el escritorio y mostrar un archivo seleccionado dentro de un documento HTML, puedes utilizar el elemento de entrada de archivo <input type="file"> y JavaScript para manipular el archivo seleccionado. Aquí tienes un ejemplo de código: >> <!DOCTYPE html> <html> <head> <title>Examinar escritorio</title> <script> function mostrarArchivoSeleccionado(event) { var archivo = event.target.files[0]; var lector = new FileReader(); lector.onload = function(e) { var contenido = e.target.result; // Mostrar el contenido del archivo en un elemento HTML var elemento = document.getElementById("contenido-archivo"); elemento.innerHTML = contenido; }; lector.readAsText(archivo); } </script> </head> <body> <h1>Examinar escritorio</h1> <input type="file" onchange="mostrarArchivoSeleccionado(event)"> <h2>Contenido del archivo:</h2> <pre id="contenido-archivo"></pre> </body> </html> >> En este ejemplo, hemos creado un elemento <input> con el atributo type="file". Cuando el usuario selecciona un archivo, se activa el evento onchange y se llama a la función mostrarArchivoSeleccionado(event). Dentro de la función mostrarArchivoSeleccionado, accedemos al archivo seleccionado a través del objeto event.target.files[0]. Luego, creamos un objeto FileReader para leer el contenido del archivo. Cuando el archivo se ha leído correctamente, el evento onload se dispara y el contenido del archivo se almacena en la variable contenido. Finalmente, mostramos el contenido dentro de un elemento <pre> con el id "contenido-archivo". Ten en cuenta que este código solo permite examinar y mostrar el contenido de un archivo en el navegador web. No se puede acceder directamente al escritorio o a otros archivos en el sistema del usuario debido a restricciones de seguridad en los navegadores web. | |
| Respuesta: | Angela Andrea Perez Uribe |
| Para examinar el escritorio y mostrar un archivo seleccionado dentro de un documento HTML, puedes utilizar el elemento de entrada de archivo <input type="file"> y JavaScript para manipular el archivo seleccionado. Aquí tienes un ejemplo de código: >> <!DOCTYPE html> <html> <head> <title>Examinar escritorio</title> <script> function mostrarArchivoSeleccionado(event) { var archivo = event.target.files[0]; var lector = new FileReader(); lector.onload = function(e) { var contenido = e.target.result; // Mostrar el contenido del archivo en un elemento HTML var elemento = document.getElementById("contenido-archivo"); elemento.innerHTML = contenido; }; lector.readAsText(archivo); } </script> </head> <body> <h1>Examinar escritorio</h1> <input type="file" onchange="mostrarArchivoSeleccionado(event)"> <h2>Contenido del archivo:</h2> <pre id="contenido-archivo"></pre> </body> </html> >> En este ejemplo, hemos creado un elemento <input> con el atributo type="file". Cuando el usuario selecciona un archivo, se activa el evento onchange y se llama a la función mostrarArchivoSeleccionado(event). Dentro de la función mostrarArchivoSeleccionado, accedemos al archivo seleccionado a través del objeto event.target.files[0]. Luego, creamos un objeto FileReader para leer el contenido del archivo. Cuando el archivo se ha leído correctamente, el evento onload se dispara y el contenido del archivo se almacena en la variable contenido. Finalmente, mostramos el contenido dentro de un elemento <pre> con el id "contenido-archivo". Ten en cuenta que este código solo permite examinar y mostrar el contenido de un archivo en el navegador web. No se puede acceder directamente al escritorio o a otros archivos en el sistema del usuario debido a restricciones de seguridad en los navegadores web. | |