La Web del Programador: Comunidad de Programadores
 
    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.