progreso - subir archivos con php y jquery

Obtenga el id del formulario usando el plugin jQuery ajaxForm y cargue la barra de progreso

Question

Tengo varios formularios en una página que se envían usando ajaxForm y muestran el progreso de carga. Cada formulario tiene la misma clase ''.input_form'', una identificación única y un campo de entrada oculto con nombre y clase de ''categoría'' con un valor único. Aquí está el ejemplo original: http://jquery.malsup.com/form/progress.html

    var bar = $(''.bar'');
var percent = $(''.percent'');
var status = $(''#status'');

$(''.input_form'').ajaxForm({
    beforeSend: function() {
        status.empty();
        var percentVal = ''0%'';
        bar.width(percentVal)
        percent.html(percentVal);
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + ''%'';
        bar.width(percentVal)
        percent.html(percentVal);
    },
    complete: function(xhr) {
        status.html(xhr.responseText);
        $(''#activity_feed_load'').load(querybuild());
        $(''.wall_cat_selected'').removeClass(''wall_cat_selected'');
        $(''.input_form, .arrow'').hide();
        var percentVal = ''0%'';
        bar.width(percentVal)
        percent.html(percentVal);
        $(''.input_form'').resetForm();
    }
});     

En la función completa, me gustaría recuperar la identificación del formulario enviado o el valor del campo oculto en el formulario enviado. Intenté lo siguiente que no funcionó.

var value = $(''.input_form .category'').fieldValue(); alert(''The category is: '' + value[0]); 

Básicamente, no estoy seguro de cómo recuperar ($ this) para el formulario enviado.

¡Gracias por tu ayuda!

Ok, acabo de descubrir cómo hacer esto a partir de una pregunta SO relacionada aquí:

cómo usar $ (esto) en el plugin jquery ajaxform

Básicamente, solo necesitaba agregar lo siguiente a mi función ajaxForm:

success: function(html, status, xhr, myForm) {   
        alert(myForm.attr(''id''));

    }

Espero que esto ayude a alguien más.

Answer 1

Ok, acabo de descubrir cómo hacer esto a partir de una pregunta SO relacionada aquí:

cómo usar $ (esto) en el plugin jquery ajaxform

Básicamente, solo necesitaba agregar lo siguiente a mi función ajaxForm:

success: function(html, status, xhr, myForm) {   
        alert(myForm.attr(''id''));

    }

Espero que esto ayude a alguien más.