Tengo mínimos conocimientos en jquery he logrado hacer varias cosillas pero esto me supera, verán, tengo un formulario que valida y envía las variables por ajax a php, acá todo perfecto.
Ahora necesito poder subir al menos 5 imágenes en el mismo formulario, encontré un cogido jquery que lo hace sin problema, pero necesito adaptarlo al código que ya tengo, este es mi funcion ajax para traer los valores del form:
Código:
en mi form nada mas llamo la funcion en el boton enviar:function procesar_form(){
//recibo variables
var variable1= document.getElementById('nombre').value;
var variable2= document.getElementById('apellido').value;
//... demás variables
var variableN= document.getElementById('campoN').value;
//hago validaciones
if (variable1==""){
alert("falta nombre");
}
else{
if (variable2==""){
alert("falta apellido");
}
//... más validaciones
else{
//si todo sale bien envio valores
var ajax;
ajax= ajaxFunction();
ajax.open("GET", "ruta/procesar_form.php?variable1="+variable1+"&variable2="+variable2+"&variableN="+variableN, true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange = function() {
if (ajax.readyState == 1){
document.getElementById('form_capa').innerHTML= "<center>Procesando opiniòn, espere por favor...</center>";
}
if (ajax.readyState==4){
if(ajax.status==200){
document.getElementById('form_capa').innerHTML= ajax.responseText;
}
}
ajax.send(null);
}
<input type="button" id="enviar" value="Enviar" onclick="procesar_opinion()" />
Ahora eso funciona bien, el codigo del upload de jquery es el siguiente, primero en la pagina donde esta mi form se agrega en el head esto:
Código:
img_up es un div vacio: <div id="img_up"></div> que se agrega en el formulario <script src="../js/jquery.uploadify.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#img_up").fileUpload({
'uploader': 'upload/uploader.swf',
'cancelImg': 'upload/cancel.png',
'script': 'upload/upload.php',
'folder': 'files',
'multi': true,
'buttonText': 'Examinar...',
'checkScript': 'upload/check.php',
'displayData': 'speed',
'simUploadLimit': 5
});
});
</script>


