hola forer@s
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:
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);
}
en mi form nada mas llamo la funcion en el boton enviar:
<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:
<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>
img_up es un div vacio: <div id="img_up"></div> que se agrega en el formulario