enviar archivos con jquery

[viringas]

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/

[livemusic]

nooooooooooooooooo ¡¡, lo andas haciendo mal xD....

btAltaColaboracion // trata de hacerlo de tipo button...

[viringas]

no entiendo xq tengo q ponerlo del tipo button, el codigo q encontre x ahi al adaptarlo al mio me da un error, y estoy bastante perdido ahora mismo

podrias ser mas especifico?

[livemusic]

Te puse que lo pongas en tipo button, xq lo andas poniendo en submit, sin haber cargado el fichero, ....

mmm, fijate en esta line de codigo..

---> <input type="submit" class="btAltaColaboracion" id="btAltaColaboracion" name="btAltaColaboracion" value="agregar"/>

//Reemplazalo por este...

<input type="button" class="btAltaColaboracion" id="btAltaColaboracion" name="btAltaColaboracion" value="agregar"/>

----------------------------------------------------------------------------------------------
Me comentas si te funciono.

AUN MAS ESPECIFICOOOOOOOOOOOOOOOOOOOOOOOOOO ¡

[viringas]

ya, se lo q dices pero no entiendo xq tiene q ser button, veras le digo q sea submit xq despues en la funcion de jquery hago $("#formAltaColab").submit(function(event) x eso no puede ser boton no se si me explico