hola, tengo un formulario, y envio los datos al servidor mediante jquery(con la funcion $.ajax() ), peor mi problema es q no doy enviado la imagen al servidor, leyendo x ahi me entere de q jquery no deja enviar archivos x akello de la seguridad de datos o algo asi y siguiendo con mi buskeda de como conseguir eso me encontre con un codigo q vi q funcionaba pero al implementarlo en mi web no funciona y da errores de sintaxis, esperaba q me pudierais ayudar o decirme otra manera de llevar a cabo la posibilidad de poder enviar archivos mediante jquery
aki os dejo el codigo
<script src="j-query/jquery.MultiFile.js" type="text/javascript" language="javascript"></script>
<script src="j-query/AjaxUpload.2.0.min.js" type="text/javascript" language="javascript"></script>
<p class="titulo">
ALTA DE UN NUEVO COLABORADOR.
</p>
<br>
<br>
<form method="post" action="enviaDatosAltaColab.php" enctype="multipart/form-data" id="formAltaColab" class="texto2">
nombre de el/la colaboracion/institucion:
<input type="text" name="col" id="col" size="25" class=":required" /> <br><br>
u r l de el/la colaboracion/institucion:
<input type="text" name="urlcol" id="urlcol" size="25" class=":required" /> <br><br>
logo de el/la colaboracion/institucion:
<input type="file" name="logocol" id="logocol" size="25" class="multi" maxlength="1" accept="jpg|gif"/> <br><br>
tipo de colaboracion:
<select name="tipocol">
<option selected>--escoge opcion--
<option value="colaborador">colaborador
<option value="institucion">institucion
</select>
<br><br>
<input type="submit" class="btAltaColaboracion" id="btAltaColaboracion" name="btAltaColaboracion" value="agregar"/>
</form>
<div class="msg" style="display:none;" >
<p class="texto">
COLABORADOR/INSTITUCION AÑADIDO/A SATISFACTORIAMENTE.
</p>
</div>
<script>
// codigo q encontre sacado una web x ahi
new AjaxUpload("#btAltaColaboracion",{
action: "enviaDatosAltaColab.php",
onSubmit: function(file , ext){
if (! (ext && /^(jpg|png)$/.test(ext))){
alert("error: imagen no valida");
return false;
}
onComplete: function(){
$(".btAltaColaboracion").appendTo('.files').text(' file');
}
}); // fin codigo encontrado x ahi
$("#formAltaColab").submit(function(event){
//alert("hola");
event.preventDefault();
$.ajax({
type: "POST",
url: "enviaDatosAltaColab.php",
data: $("#formAltaColab").serialize(),
success: function(){
$("#formAltaColab").hide(function(){$('div.msg').f adeIn().fadeOut(3000);});
$("#flotante").fadeOut(4000);
}
});
});
</script>
la web de la q sake el codigo es la siguiente x si le kereis echar un vistazo
http://www.miguelmanchego.com/2009/s...o-ajax-jquery/