Subir archivos múltiples en un formulario con Uploadify

[livemusic]

jajajaj pase por lo mismo y llegue a desarrollar esto espero y te ayude.


/*****************************/

Solucion...

1. - Evitar la duplicidad de codigo, para esto creo un funcion la cual envio valores a usar ...

-------------> upload(idUpload, ruta, multi, idProyect, imgType, returnVal, prvFile)

2.- Para procesar los datos personales, lo puedes hacer en el submit del formulario.

3.- Evitar que los archivos se repitan activa la opcion checkScript del uploadify ...

Código Javascript:

$(function({
upload('file_upload', nameFolder, true, idProyect, 'G', '', '');
upload('pq1_pro', nameFolder, false, idProyect, 'M', 'file_min_proyect', 'prv_min_1');
upload('pq2_pro', nameFolder, false, idProyect, 'M', 'file_min_proyect2', 'prv_min_2');
}))
 

/************************************************** *******/

Código Javascript:

function upload(idUpload, ruta, multi, idProyect, imgType, returnVal, prvFile){
    $('#'+idUpload).uploadify({
        'uploader'  : 'js/uploadify/uploadify.swf',
        'script'    : 'js/uploadify/uploadify.php',
        'cancelImg' : 'js/uploadify/cancel.png',
        'folder'    : 'uploads/'+ruta+'/',
        'buttonImg' : 'js/uploadify/icon_c07.gif',
        'width'     : 30,
        'height'    : 27,
        'multi'     : multi,
        'auto'      : true,
        'onComplete': function(event, queueID, fileObj, response){
            // G == Carga de Imagenes grandes
            if(imgType == "G"){
                $.ajax({
                    type: "GET",
                    url: "ajax.php?pag=add",
                    data: {imagen:fileObj.name, idProyect:idProyect},
                    dataType: "html",
                    success: function(msg){
                        if(parseInt(msg)!=0){
                            $('<li style="border: #000000 10px solid;"></li>').appendTo('#uploadImg').html('<img src="uploads/'+ruta+'/'+fileObj.name+'" />');
                        }
                    }
                })
                listImages(idProyect);
            }
            // M carga de Imagenes pequeñas
            else if(imgType == "M"){
                // Enviamos el Nombre del Archivo
                $("#"+returnVal).val(fileObj.name);
                $("#"+idUpload).hide();
                // Escondemos el input File..
                $("#"+prvFile).html('<img src="uploads/'+ruta+'/'+fileObj.name+'" class="prv_min_imge" />');
            }
        }
    });
}
 

/***********************************/
Saludos suerte .... ¡¡