Jquery - Loop a function

Question

Good evening everyone. I am learning a little Jquery and wanted a help. I have the following code:

$(document).ready(function(){
$('#btnEnviar').click(function(){
    var caminho = ("/uploads/");

    $("input[name='arquivo']").each(function() {


        $('#formUpload').ajaxForm({
            uploadProgress: function(event, position, total, percentComplete) {
                $('progress').attr('value',percentComplete);
                $('#porcentagem').html(percentComplete+'%');
            },          
            success: function(data) {
                $('progress').attr('value','100');
                $('#porcentagem').html('100%');                
                if(data.sucesso == true){
                    $('#resposta').html('<img class="photo_uploaded" src="'+caminho+''+ data.msg +'" />');
                }
                else{
                    $('#resposta').html(data.msg);
                }                
            },
            error: function(){
                $('#resposta').html('Erro ao enviar requisição!!!');
            },
            dataType: 'json',
            url: 'upload3.php',
            resetForm: true
        });
    });
});

});

I’m trying to loop the function so that each image is loaded 1 in 1. But it’s garbling everything together. Someone can help?

Sorry for any publishing error.