Controlar extensión en un input de tipo file antes de enviar formulario

angel_dope · #1 (**permalink**) 14/01/2011, 07:01

Hola, tengo un formulario con dos inputs del tipo file para que el usuario busque y seleccione dos archivos y quiero que al darle al botón de enviar se controle la extensión de estos archivos. Necesito que el primero sea un .pdf y el segundo un .doc.

Tengo ya un pequeño script que controla si se ha seleccionado una opción de un desplegable, por lo que igual se puede meter en ese mismo script este control.
De todas formas, si hay otra forma de hacerlo, también sirve ;)

Os dejo el código que tengo de momento. Muchas gracias por adelantado, Salu2

Código ASP:

Ver original<head>
<script language="javascript">
function validar(frm) {
 var ret;
 if (frm.firma.value == "" ) {
  alert('Por favor, seleccione si quiere firmar el informe o no');
  ret = false;
 }
return ret;
}
</script>
</head>
<body>
<form action="subir_fich.asp" method="post" enctype="multipart/form-data" name="frm" id="frm" onsubmit="return validar(this)">
  <p>
    <input name="fichero" type="file" id="fichero" />
    <input name="fichero2" type="file" id="fichero2" />
  </p>
  <p>&iquest;El informe se va a firmar? 
    <select name="firma" id="firma">
      <option value="" selected="selected"></option>
      <option value="1">Si</option>
      <option value="0">No</option>
    </select>
  </p>
    <input name="Submit" type="submit" class="date" value="Enviar" />
</form>
</body>

Perr0 · #2 (**permalink**) 14/01/2011, 15:58

para validar extgension con javascript
http://www.forosdelweb.com/f15/valid...7/#post1484680

segun entiendo, si quieres validar:
- tamaño
- extensión

tienes que ocupar action script con flash

salu2

angel_dope · #3 (**permalink**) 17/01/2011, 05:50

Ya lo he resuelto, os dejo el resultado, por si a alguien le hace falta ;)

Código Javascript:

Ver original<script language="javascript">
function Right(str, n)
        /***
                IN: str - the string we are RIGHTing
                    n - the number of characters we want to return
 
                RETVAL: n characters from the right side of the string
        ***/
        {
                if (n <= 0)     // Invalid bound, return blank string
                   return "";
                else if (n > String(str).length)   // Invalid bound, return
                   return str;                     // entire string
                else { // Valid bound, return appropriate substring
                   var iLen = String(str).length;
                   return String(str).substring(iLen, iLen - n);
                }
        }
</script>   
 
<script language="javascript">
function validar(frm) {
 var ret;
 var txt;
 var txt2;
 
 txt = Right(frm.fichero.value,3);
  txt2 = Right(frm.fichero2.value,3); 
 if (txt != "pdf"){ 
  alert('Por favor, el primer archivo debe ser .pdf');
  ret = false;
 }
 if (txt2 != "doc"){
  alert('Por favor, el segundo archivo debe ser .doc');
  ret = false;
 } 
 if (frm.firma.value == "" ) {
  alert('Por favor, seleccione si quiere firmar el informe o no');
  ret = false;
 }
return ret;
}
</script>

La primera función saca N caracteres de una cadena dada. A partir de ahí saco los tres últimos de ambos campos file y compruebo que sean pdf y doc respectivamente. Si se cumple, sigue adelante, sino, avisa al usuario ;)