Retornar valor de php a Jquery ( Uploadify )

[Carxl]

Hola, cómo vamos?

Una duda entre Uploadfy y php

Resulta que con Uploadfy puedo subir n cantidad de archivos. Hasta ahí todo va bien.

Ahora lo que necesitaría es retornar los archivos subidos por parte de php. Esto es lo que intenté y no funciona

Disculpen lo extenso:

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
    $("#uploadify").uploadify({
        'uploader'       : 'scripts/uploadify.swf',
        'script'         : 'scripts/uploadify.php',
        'cancelImg'      : 'cancel.png',
        'folder'         : 'uploads',
        'queueID'        : 'fileQueue',
        'auto'           : true,
        'multi'          : true,
        'onSelect': function() {
                $('#uploadify').fileUploadStart();
                },
                'onProgress': function() {
                $('#info').html('Pere...');
                },
                'onAllComplete': function(data) {
                $('#info').html(data);
                },
        'displayData': 'speed',
        'simUploadLimit': 100
    });
});
</script>
 

Código HTML:

<input type="file" name="uploadify" id="uploadify" />
<p id="info"></p>
 

El php que sube:

Código PHP:

<?php
//... bla bla
move_uploaded_file($tempFile,$targetFile);
$data = $_FILES['Filedata']['name'];
echo $data;
?>
 

Creo, creo, en mi ignorancia, que onAllComplete no retorna echos? Es que no sé...

Los archivos los sube bien, el proceso 'onProgress' funciona correctamente, pero el que falla es el 'onAllComplete'

Disculpen lo extenso

Gracias de antemano

[kreativodesigns]

esque este archivo php del uploadify lo que hace es copiar los archivos a la carpeta que tu quieras marcar...lo que puedes hacer es crearte un fichero php y llamarlo en onAllComplete..y en este recorres la carpeta y muestras los ficheros ...

[Dany_s]

onAllComplete te devuelve un objeto data que contiene algunos datos de la transacción:

Código HTML:

'onAllComplete': function(event, data) {
         alert("files Uploaded: "+data.filesUploaded+" errors: "+data.errors+" Bytes Loaded: "+data.allBytesLoaded +" speed: "+data.speed);
      	}

en la doc esta:

onAllComplete

A function that triggers when all file uploads have completed. There is no default event handler.

Two arguments are sent to the function:
event: The event object.
data: An object containing details about the upload process.

* filesUploaded – The total number of files uploaded
* errors – The total number of errors while uploading
* allBytesLoaded – The total number of bytes uploaded
* speed – The average speed of all uploaded files

fijate que onComplete tiene un objeto que te devuelve info sobre el archivo subido, como el nombre, tamaño, etc

[Carxl]

Gracias por sus respuestas

Dany_s modifiqué mi código según lo que me enviaste y guiándome por la documentación ( no me había fijado en los parámetros de las funciones) y logré que me trajera el nombre de los archivos...

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
    var texto = '';
    var cadena = '';
    $("#uploadify").uploadify({
        'uploader'       : 'scripts/uploadify.swf',
        'script'         : 'scripts/uploadify.php',
        'cancelImg'      : 'cancel.png',
        'folder'         : 'uploads',
        'queueID'        : 'fileQueue',
        'auto'           : true,
        'multi'          : true,
        'onSelect'       : function() {
            $('#uploadify').fileUploadStart();
        },
        /*'onProgress'     : function() {
            $('#info').html('Pere...');
        },*/
        'onComplete'    : function(event, a, b, response, data) {
            texto=texto+b.name+',';
        },
        'onAllComplete'  : function(event, d) {
            cadena=texto.substr(0,texto.length-1);
            var arrayMysArchivos = cadena.split(',');
            for(i=0;i<arrayMysArchivos.length;i++){
                //alert(arrayMysArchivos[i]);
                //$('#infoArchiv').html('<div id="archivo'+i+'"><p>'+arrayMysArchivos[i]+'</p></div>');
                $('#infoArchiv').html('<p>'+arrayMysArchivos[i]+'</p>');
            }
            $('#infoSubida').html("<p>Numero de archivos subidos: "+d.filesUploaded+"</p><p>errors: "+d.errors+"</p><p>Bytes Loaded: "+d.allBytesLoaded +"</p><p>speed: "+d.speed+'</p>');
          },
        'displayData': 'speed',
        'simUploadLimit': 100
    });
});
</script>
 

Bien, ahora me resultó un problema que no sé a que se pueda deber Si se fijan hago un for para imprimir los archivos. En mi lógica debería imprimir así:

Código HTML:

<div id="infoArchiv"><p>archivo...</p><p>archivo...</p>....</div>
<br />
<div id="infoSubida"></div>
 

Pero no lo imprime así :( Sobrepone los nombres de los archivos y no los muestra uno debajo del otro, por consiguiente sólo se ve impreso el último nombre.

Me doy cuenta que el for lo hace bien porque el alert que tengo dentro de dicho ciclo se ejecuta como es. El problema es el html que no se ejecuta como debería ejecutarse...

Saludos y de nuevo gracias!

[Carxl]

Ya ya lo logré...

El código queda así:

Código Javascript:

<script type="text/javascript">
$(document).ready(function() {
    var texto = '';
    var cadena = '';
    $("#uploadify").uploadify({
        'uploader'       : 'scripts/uploadify.swf',
        'script'         : 'scripts/uploadify.php',
        'cancelImg'      : 'cancel.png',
        'folder'         : 'uploads',
        'queueID'        : 'fileQueue',
        'auto'           : true,
        'multi'          : true,
        'onSelect'       : function() {
            $('#uploadify').fileUploadStart();
        },
        /*'onProgress'     : function() {
            $('#info').html('Pere...');
        },*/
        'onComplete'    : function(event, a, b, response, data) {
            texto=texto+'<p>'+b.name+'</p>';
        },
        'onAllComplete'  : function(event, d) {
            //cadena=texto.substr(0,texto.length-1);
            //var arrayMysArchivos = cadena.split(',');
            /*for(i=0;i<arrayMysArchivos.length;i++){
                alert(arrayMysArchivos[i]);
                //$('#infoArchiv').html('<div id="archivo'+i+'"><p>'+arrayMysArchivos[i]+'</p></div>');
                //$('#infoArchiv').html('<p>'+arrayMysArchivos[i]+'</p>');
            }*/
            $('#infoArchiv').html(texto);
            $('#infoSubida').html("<p>Numero de archivos subidos: "+d.filesUploaded+"</p><p>errors: "+d.errors+"</p><p>Bytes Loaded: "+d.allBytesLoaded +"</p><p>speed: "+d.speed+'</p>');
        },
        'displayData': 'speed',
        'simUploadLimit': 100
    });
});
</script>
 
Gracias!!!
 

[Dany_s]

esta bien que guardes como cadena en una variable pero no te funcionaba con html porque reemplaza el contenido, para agregar al final puedes usar append() o para agregar al principio prepend() por ahi te sirve en un futuro