image
Inicio » Foros » JavaScript

JavaScript

validación de uploads

Volver al foro | Responder | Añadir nuevo tema


De: Nykkah
Fecha: 23/11/2005
Mensaje:

Hola tengo un formulario de upload de archivos implementado en php. Al enviar llamo a una función javascript .

¿Como puedo validar que el contenido del campo no está en blanco o que es realmente la ruta a un archivo ubicado en el cliente?

No sé si me explico. Por ejemplo. Si en el campo donde aparece la ruta al archivo, escribo "a" e intento hacer upload me salta un error javscript.

¿Alguien puede ayudarme?

Gracias!




Quizás le interese
De: Enrique Alejandro Ogalde
Util para: 7 personas

Fecha: 23/11/2005
Mensaje:

A pesar de jamás haber obtenido una sola respuesta aquí, aún sigo posteando a quienes como yo han sufrido buscando un script o una ayuda.

Y espero que se pueda escribir esto sin que se corte todo el código!! &%$$"#""##""*///!!

<etiqueta de apertura javascript>
<!--
function GetFileExtension(Filename) {
var I = Filename.lastIndexOf(".");
return (I > -1) ? Filename.substring(I + 1, Filename.length).toLowerCase() : "";

}

function BeforeSubmit() {
var Form = document.frmMain;
var File1 = Form.File1.value;
var File2 = Form.File2.value;
var File3 = Form.File3.value;
var File4 = Form.File4.value;
var File5 = Form.File5.value;
var File6 = Form.File6.value;
var File7 = Form.File7.value;
var File8 = Form.File8.value;
var File9 = Form.File9.value;
var File10 = Form.File10.value;

var Ext = "";
if (File1 + File2 + File3 + File4 + File5 + File6 + File7 + File8 + File9 + File10 == "") { alert("No haz seleccionado ninguna imagen"); return false; }

if (File1 != "") {
Ext = GetFileExtension(File1);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 1 no es una imagen válida"); return false; }
}

if (File2 != "") {
Ext = GetFileExtension(File2);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 2 no es una imagen válida"); return false; }
}
if (File3 != "") {
Ext = GetFileExtension(File3);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 3 no es una imagen válida"); return false; }
}
if (File4 != "") {
Ext = GetFileExtension(File4);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 4 no es una imagen válida"); return false; }
}
if (File5 != "") {
Ext = GetFileExtension(File5);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 5 no es una imagen válida"); return false; }
}
if (File6 != "") {
Ext = GetFileExtension(File6);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 6 no es una imagen válida"); return false; }
}
if (File7 != "") {
Ext = GetFileExtension(File7);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 7 no es una imagen válida"); return false; }
}
if (File8 != "") {
Ext = GetFileExtension(File8);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 8 no es una imagen válida"); return false; }
}
if (File9 != "") {
Ext = GetFileExtension(File9);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 9 no es una imagen válida"); return false; }
}
if (File10 != "") {
Ext = GetFileExtension(File10);
if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif") { alert("El archivo 10 no es una imagen válida"); return false; }
}

return true
}
//-->
/////////////etiqueta de cierre


y el form:

form name="frmMain" action="s2.asp" enctype="multipart/form-data" method="post" >
<div align="left">
<p><img src="../imagen/menues/1-imag.jpg" width="214" height="33"></p>
</div>
<Div ID=files>
<p align="center" >Imagen 1:
<input name="File1" type="file" class="in_contac" size="40">
<br>
Imagen 2:
<input name="File2" type="file" class="in_contac" size="40">
<br>
Imagen 3:
<input name="File3" type="file" class="in_contac" size="40">
<br>
Imagen 4:
<input name="File4" type="file" class="in_contac" size="40">
<br>
Imagen 5:
<input name="File5" type="file" class="in_contac" size="40">
<br>
Imagen 6:
<input name="File6" type="file" class="in_contac" size="40">
<br>
Imagen 7:
<input name="File7" type="file" class="in_contac" size="40">
<br>
Imagen 8:
<input name="File8" type="file" class="in_contac" size="40">
<br>
Imagen 9:
<input name="File9" type="file" class="in_contac" size="40">
<br>
Imagen 10:
<input name="File10" type="file" class="in_contac" size="39">
</p>
<p align="center" >
<input name="submit1" type="button" class="in_contac"

onclick="if (BeforeSubmit(true)){ Upload(); }else{return false;};" value="Siguiente &raquo;"

//fin form



De: Shadow
Util para: 0 personas

Fecha: 23/11/2005
Mensaje:

Buena respuesta....

Shadow





De: Enrique Alejandro Ogalde
Util para: 1 personas

Fecha: 23/11/2005
Mensaje:

En el script hay dos funciones con el evento on click.
La primera checka my form. Si todo está bien, se llama a la función upload, que varía en cada caso según con que componente vayas a subir los files.

En mi caso uso Dundas, con una barra de progreso. Lo uso con asp, pero en lo que se refiere al script, tiene que funcionar en cualquier caso.

Solo renombra esa función por la tuya, que lo de checkar la info está correcto y funcionando en mi sitio.

Por razones de seguridad prefiero no ponerlo por aquí.. Saludos.-




De: Nykkah
Util para: 0 personas

Fecha: 23/11/2005
Mensaje:

Gracias!!!





De: Leonardo Romero
Util para: 0 personas

Fecha: 30/12/2005
Mensaje:

Muy bueno ese codigo, yo le hice algunas modificaciones espero q les sirva

<script>
  function GetExtension(Filename) {
    var I = Filename.lastIndexOf(".");
    return (I > -1) ? Filename.substring(I + 1, Filename.length).toLowerCase() : "";
  }

function ValidarImg() {
var form = document.upload;

var Ext = "";

if ( form.file.value == "")
     {
      alert("No haz seleccionado ninguna imagen");
      return false;
     }
if (form.file.value != "") {
     Ext = GetExtension(form.file.value);
      if (Ext != "jpeg" && Ext != "jpg" && Ext != "png" && Ext != "gif")
          {
          alert("El archivo  no es una imagen válida");
          return false;
          }
      else
          {return true; }
      }


}
</script>

....

 

y el formulario es este:

<form name= "upload" " action="" enctype="multipart/form-data" method="post" >

<strong>SUBA IMAGENES SOLAMENTE</strong><input name="file" type="file" size="12">
<br><input type="button" onClick= "if(ValidarImg()){if(confirm('Desea Subir la imagen')){upload.submit()}}else{}" value="Subir Archivo">
</form>

 





De: yaj
Util para: 0 personas

Fecha: 09/05/2008
Mensaje:

Muy bueno.



De: ranndy soto
Util para: 0 personas

Fecha: 20/04/2010
Mensaje:

gracias Leonardo Romero =D tenia como 2 horas tratando de validar la foto jeje



De: carlos
Util para: 0 personas

Fecha: 09/11/2010
Mensaje:

Excelente aporte me fue de mucha ayuda



De: Cueto
Util para: 0 personas

Fecha: 13/04/2011
Mensaje:

Gracias Leonardo...

unas pequeñas adaptaciones a la funcion para usarla en mi codigo y perfecto....



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.