C:\fakepath\file.ext ..... Falso directorio?

[andrewp]

Hola a todos...

Recientemente he implementado un JS para subir multiples archivos a un servidor a través del siguiente código:

Código Javascript:

function MultiSelector( list_target, max ){
    this.list_target = list_target;
    this.count = 0;
    this.id = 0;
    if( max ){this.max = max;
    } else {
        this.max = -1;};
    this.addElement = function( element ){
        if( element.tagName == 'INPUT' && element.type == 'file' ){
            element.name = 'file_' + this.id++;
            element.multi_selector = this;
            element.onchange = function(){
                var new_element = document.createElement( 'input' );
                new_element.type = 'file';
                this.parentNode.insertBefore( new_element, this );
                this.multi_selector.addElement( new_element );
                this.multi_selector.addListRow( this );
                this.style.position = 'absolute';
                this.style.left = '-5000px';
            };
            if( this.max != -1 && this.count >= this.max ){
                element.disabled = true;
            };
            this.count++;
            this.current_element = element;
        } else {
            alert( 'Error: not a file input element' );
        };
    };
    this.addListRow = function( element ){
        var new_row = document.createElement( 'div' );
        var new_row_button = document.createElement( 'input' );
            new_row_button.className = 'btn';
        new_row_button.value = '';
        new_row.element = element;
        new_row_button.onclick= function(){
            this.parentNode.element.parentNode.removeChild( this.parentNode.element );
            this.parentNode.parentNode.removeChild( this.parentNode );
            this.parentNode.element.multi_selector.count--;
            this.parentNode.element.multi_selector.current_element.disabled = false;return false;
        };
        new_row.appendChild( new_row_button );
        new_row.appendChild(document.createTextNode(element.value));
        this.list_target.appendChild( new_row );
    };
};
 

Mi problemilla radica en, al parecer, un standar de HTML5 para proteger al usuario... No sé si os acordáis que en el campo para subir un archivo se imprime la ruta de ubicación del archivo en vuestro ordenador (p.ejemplo):

Código HTML:

C:\MisDocumentos\Mi_fichero_Personal\mi_Archivo.doc
 

Pues con el código de arriba, ahora (en algunos navegadores), puedo leer lo siguiente:

Código HTML:

C:\fakepath\mi_Archivo.doc
 

En algunas páginas JS he leído que el "fakepath" se puede eliminar fácilmente añadiendo algunas líneas en el JS para reemplazar la ruta por un simple espacio, de tal manera, que el usuario solamente lea el nombre del archivo que va a subir al servidor.

Algunas de ella dicen que debo añadir esto:

Código Javascript:

// Change the node's value by removing the fake path
inputNode.value = fileInput.value.replace("C:\\fakepath\\", "");
 

Sin embargo, mi poca experiencia con JS me dice que no tengo idea de dónde poner esa línea o adaptarla a mi código.

Me podríais ayudar en este tema?

Gracias!

[caricatos]

Hola:

No se trata de HTML5, sino de seguridad... javascript no debe tener acceso al sistema de archivos... supongo que quieres mostrar esos datos, pero solo vale subirlos con el evento submit.

Saludos

[andrewp]

Eso quiere decir que no tengo otra alternativa?

La idea es que usuarios sin experiencia no crean que se trata de un falso directorio y cree confusión. Lo único que quiero mostrar es el nombre del archivo y no el directorio que lo contiene en su ordenador privado, es decir, en vez de 'c:\directorio1\directorio2\archivo.doc', solamente mostrat en pantalla 'archivo.doc'.

Aquí la posible solución: http://davidwalsh.name/fakepath

[andrewp]

OK!... Ya lo he resuelto. Solo basta con aplicar la solución propuesta a la línea del código precisa que imprime el nombre del archivo. En mi caso, es la línea N°43 del código de arriba:

Código Javascript:

new_row.appendChild(document.createTextNode(element.value));
 

Y siguiendo (acreditando respuestas) lo consejos de este foro: http://stackoverflow.com/questions/5...string-replace, solo he tenido que aplicarla de la siguiente manera:

Código Javascript:

new_row.appendChild(document.createTextNode(element.value.replace("C:\\fakepath\\", "")));
 

Y listo!... en los navegadores que da "problemas", solo me muestra lo que quiero: el archivo.

Saludos!

POST AUTORESUELTO

[emprear]

Hacer eso implica que personalizes el campo input file
Yo en particular hago esto si no estoy usando jquery
http://foros.emprear.com/html/file-input/inx.html
Si usas jquery, esto
http://jsfiddle.net/angelfcm/nETSD/



Saludos

[furoya]

Iniciado por caricatos

No se trata de HTML5, sino de seguridad... javascript no debe tener acceso al sistema de archivos... supongo que quieres mostrar esos datos, pero solo vale subirlos con el evento submit.

Es verdad. Y absolutamente lógico. Hasta dónde recuerdo, el único que cometía ese error era IE, pero ya fue corregido en las versiones 8+.

Sin embargo hay algo de cierto en lo que dice andrewp, para evitar esta intromisión, en HTML5 parece haber una recomendación que la limita. De ahí el invento del fakepath.

Y sí, sólamente cabe "mostrarlos" al usuario con una cadena "falsa". El envío del valor es inmodificable. Seguramente gracias a ese dato andrewp encontró la forma de simular el texto de la ruta usando su código. Aunque yo también entendí que quería manejar el valor real del archivo. No sé por qué.


Pero esto me lleva a ...

¿Para qué quieres cambiar la presentación, andrewp?

La excusa de prever "confusiones" es muy discutible. Ese método es del navegador, así que es al revés : si lo cambias, el usuario va a sospechar algo raro, y se puede poner receloso contra la página.
Por otro lado, es configurable; si quiere ver la ruta oculta, deja el default, y si quiere ver la ruta completa, lo cambia y ya.

Yo que tú, volvía las cosas a como estaban.



Estoy mirando un poco el archivo jquery.js, por eso caí aquí; no porque entienda de formularios. Y aprovecho tu ejemplo, emprear, para estudiar algo más.

hay forma de saber url actual de navegacion sistema de archivos??