Hola a todos! Tengo un formulario con sus correspondientes archivos en php que me permiten subir archivos al servidor pero mi duda está en este código y su formulario:
form_upload.php
Código:
<script language="javascript" type="text/javascript">
<!--
function startUpload(){
document.getElementById('f1_upload_process').style.visibility = 'visible';
document.getElementById('f1_upload_form').style.visibility = 'hidden';
return true;
}
function stopUpload(success){
var result = '';
if (success == 1){
result = '<span class="msg">La imagen ha subido correctamente!<\/span><br/><br/>';
parent.frames['listado'].window.location.reload();
}
else {
result = '<span class="emsg">No ha seleccionado ninguna imagen para subir!<\/span><br/><br/>';
}
document.getElementById('f1_upload_process').style.visibility = 'hidden';
document.getElementById('f1_upload_form').innerHTML = result + '<label>File: <input name="archivo" type="file" size="30" /><\/label><label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /><\/label>';
document.getElementById('f1_upload_form').style.visibility = 'visible';
return true;
}
//-->
</script>
<form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >
<p id="f1_upload_process">Loading...<br/>
<img src="loader.gif" /><br/>
</p>
<p id="f1_upload_form" align="center"><br/>
<label>File:
<input name="archivo" type="file" size="30" />
</label>
<label>
<input type="submit" name="submitBtn" class="sbtn" value="Upload" />
</label>
</p>
<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
</form>
El tema es que este formulario sube TODO al servidor y lo que quisiera saber es cómo hacer para que solo acepte archivos jpg, gif ó png.
¿Esto se valida en el formulario antes de subir la imagen?
Muchas gracias.
Marx.