Leer un fichero dado con javaScript

alrockbit · #1 (**permalink**) 17/12/2016, 09:08

Hola. Tengo el problema de que quiero leer el contenido de un fichero de texto almacenado en el disco duro. El caso es que he podido hacerlo con un botón tipo input tipo file, es decir, eligiendo yo que archivo cargar. Pero lo que yo quiero hacer es darle en el código el nombre del archivo para que lo abra sin tener que elegirlo.

Código:

function processFiles(files) {
     file=files[0];

     var file;
     var reader = new FileReader();

		reader.onload = function (e) {	};

		reader.readAsText(file);
}

Código:

<input id="fileInput" type="file" size="50" onchange="processFiles(this.files)">

Todo esto va bien, pero yo quiero quitar la etiquete <input> y decirla a la funcion processFiles que me abra directamente el archivo "datos.txt". Estoy intentandolo creando un objeto tipo File pero no lo consigo. Haber si alguien me echa una mano. Gracias.

Gracias

AngelKrak · #2 (**permalink**) 17/12/2016, 13:05

lo unico que tendrias que hacer es ejecutar la funcion directamente, escribiendole el archivo que abrira sin necesidad del input ;)

Código Javascript:

Ver originalprocessFiles("datos.txt");

eso tiene que ir debajo de la funcion ;)

alrockbit · #3 (**permalink**) 17/12/2016, 13:49

Ya lo he intentado pero no funciona. Creo que el objeto FileReader no puede recibir un texto. Pero no se si podrá recibirlo alguna de sus propiedades o métodos. No lo encuentro.

#4 (**permalink**) 17/12/2016, 14:25

No será que tienes que poner la dirección completa?

alrockbit · #5 (**permalink**) 17/12/2016, 14:29

También lo he intentado pero nada. Creo que no recibe String.

mpozo · #6 (**permalink**) 17/12/2016, 15:02

El problema es que la data no es del tipo blob, sino string. Se me ha ocurrido que se puede incluir el archivo *txt. El texto ha de estar contenido en una variable
archivo.txt

Código txt:

Ver originalvariable = 'Este es el texto que será mostrado<br>una vez que haya sido leído';

Código Javascript:

Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-es">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1">
        <style>
 
        </style>
        <script src="archivo.txt"></script>
        <script>
            window.addEventListener('load', function() {
 
                document.getElementById('mostrar').innerHTML = variable;
 
            }, false);
        </script>
    </head>
    <body>
        <div id="mostrar"></div>
    </body>
</html>

alrockbit · #7 (**permalink**) 17/12/2016, 15:42

Es una posible solución, pero yo tengo en mi archivo datos distintos en cada linea. Si hago esto, tendría que poner variables en todos las lineas de mi fichero y tendría que jugar con esas variables. Además estoy hablando de un fichero de mas de 500 lineas o registros en cada linea. De la manera que puse al principio leo la linea que quiero y lo hace bien. El problemas es que quiero que sea un fichero fijo, y no que tenga que elegirlo con el

Código:

<input id="fileInput" type="file"

, es decir, no quiero tener que darle a un botón para elegir el archivo. El archivo es siempre el mismo. No logro hacer que el objeto FileReader lea el archivo que yo le digo en el código. Solo lo logro si lo selecciono con un

Código:

<input id="fileInput" type="file"

.

mpozo · #8 (**permalink**) 17/12/2016, 16:19

Evidentemente lo que quieres hacer no es posible por motivos de seguridad. O aplicas lo que te sugerí anteriormente o usas un iframe - se me ocurre ahora

alrockbit · #9 (**permalink**) 17/12/2016, 17:07

¿Seguro de eso? ¿Lo puedo hacer coun un fileInput y con drag and drop y no lo puedo hacer con un String con el nombre del archivo? Me parece eso un poco raro.

mpozo · #10 (**permalink**) 17/12/2016, 17:45

Eso se produce a raíz de acciones del usuario. Pongámonos en el supuesto que se puede realizar, ¿quién evita que alguien te robe archivos de tu equipo? Desde un input file pido un archivo .jpg, .mp4, etc y re tú tienes en tu equipo un archivo con ese nombre, extensión y directorio. Ahora puedo robarlo fácilmente

sustentio · #11 (**permalink**) 19/12/2016, 09:32

no puedes elegir directamente la ubicación del archivo, porque javascript se ejecuta en un sandbox seguro, sólo el usuario puede proporcionar el archivo, es parte de las restricciones aplicadas en HTML5, si no imaginate, cualquier pagina web te podría leer toda tu información.