Cómo deshabilitar el cuadro de texto de entrada de archivo en IE?

Question

¿Es posible evitar que un usuario escriba un cuadro de texto de entrada de archivo en IE? La razón por la que pregunto es que si un usuario ingresa texto que no se parece a una ruta del sistema de archivos (por ejemplo, no comienza con algo como c: ...) entonces cuando el usuario hace clic en el botón de enviar nada sucederá.

Me gustaría no permitir que el usuario escriba en el cuadro o enviar el formulario de forma normal.

he encontrado que la misma pregunta se hizo aquí sin respuesta: http://www.webmasterworld.com/html/3290988.htm

Y esta persona se le ocurrió un truco que puedo usar si no hay otra respuesta adecuada: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

EDITAR: para aclarar: si el usuario escribe "no es una ruta de archivo" en el cuadro de texto junto al botón "Buscar" y hace clic en Enviar, en IE no sucederá nada. El formulario no se enviará: IE no permite que se envíe un formulario cuando un cuadro de entrada < type = "file" > no tiene una ruta de archivo real.

Answer 1

Lo resolví de otra manera usando un botón en lugar de enviar y usar JavaScript para verificar el valor antes de enviarlo.

<input type="file" name="inputFile"> 
<input type="button" onclick="if(fileHasValidPath()) { submitForm(); }" value="Submit"> 

function fileHasValidPath() { 
    if (isIE()) { 
    var inputFile = document.forms[0].inputFile; 
    if (inputFile.value != "" && /^(\w:)|(\\)/.test(inputFile.value)) { 
     alert("File is not a valid file. Please use the Browse button to select a file."); 
     inputFile.select(); 
     inputFile.focus(); 
     return false; 
    } 
    } 

    return true; 
} 

function submitForm() { 
    document.forms[0].submit(); 
} 

me di cuenta que todavía es necesario que haya validación del lado del servidor para el archivo, pero esto es sólo para prevenir un usuario haga clic en el botón Enviar y no ver todo lo que ocurre. Además, asume IE utilizando un sistema operativo Windows.

Answer 2

no podría usar

<input ... disabled> 

EDITAR: no, en realidad que impide la presentación, así ... pero en HTML 4 aparentemente

<input ... readonly> 

debería funcionar. http://htmlhelp.com/reference/html40/forms/input.html

Answer 3

una forma es poner un pequeño código de javascript en los botones en el momento de la publicación. La idea es validar el cuadro y detener el envío o permitirlo.

Sin embargo, probablemente sea mejor que simplemente valide el lado del servidor de contenido del archivo y vuelva a mostrar el error correspondiente al cliente.

Answer 4

Esto puede ser una mala idea para empezar. ¿Qué ocurre si el usuario no está utilizando un sistema operativo Windows y desea cargar el archivo /home/user/example.txt?

Este tipo de control podría implementarse mejor en el lado del servidor.

Answer 5

¿Qué tal este? No puede escribir, o hacer clic derecho y pegar.

<input type="file" name="file" onKeyDown="this.blur()" onContextMenu="return false;"> 

Answer 6

el tipo de entrada = la propiedad del valor del elemento del archivo es solo de lectura por motivos de seguridad. Puede leer esta propiedad y hacer un control. Si no se corresponde con sus reglas, dará una advertencia y permitirá que la persona lo modifique. La otra manera de usar la propiedad outerHTML es anularla. por ejemplo: Elemento de archivo de entrada HTML llamado objInputFileElement. objInputFileElement.outerHTML = "";

Answer 7

Encontré la opción que resuelve su problema. Es la opción contentEditable de la siguiente manera:

<input type="file" name="name" contentEditable="false"/> 

Answer 8

Aquí es una demostración de la opción contentEditable:

<input type="file" name="name" contentEditable="false" /> 

Answer 9

basé mi solución en this thread.

Por lo tanto, teniendo en cuenta este campo archivo:

<input type="file" id="file_field"> 

lo tengo para trabajar con algo como esto en jQuery:

$(document).ready(function() { 
    $('#file_field').bind("keydown", function(e) { 
     e.preventDefault(); 
    }); 
}); 

NOTA: Debe utilizar keydown vez de tecla de presion como cubre DEL y RETROCESO, así como cualquier tecla de impresión.