Alt alta yazdırma

Arkadaşlar php ile de ilgili olduğu ve hızlı cevap alabilmek için buraya açmak zorunda kaldım.

<input id="fileupload" type="file" name="files[]" data-url="<?php echo site_url('uploads');?>/" multiple>
<div id="progress">
    <div class="bar" style="width: 0%;"></div>
</div>
<br>
<img src="" style="float:left">
<section></section>
<i style="margin-left:40px"></i>
<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        add: function (e, data) {
					data.submit();
        },
        done: function (e, data) {
          $.each(data.result.files, function (index, file) {
          	var resim = '<?php echo base_url('uploads/files/thumbnail');?>/'+file.name;
						$("img").attr('src', resim);
						$('i').text(file.name);
						$('#progress .bar').hide(1000);
						$('section').hide();
          });
        }
    });
});
$('#fileupload').fileupload({
    /* ... */
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
        $('section').text('Yükleniyor...');
    }
});
</script>

bu şekil uploadı yapıp img tagının src'ine file.name'i basıyorum iyi güzel ama çoklu upload olduğu için birden fazla dosyaların resimlerini ekrana basamıyorum.

Hocam HTML kısmını da atabilir misiniz?

Hocam HTML Kısmı da zaten bu kodun içerisinde en baştaki fileupload HTML5 Kısmı

<input id="fileupload" type="file" name="files[]" data-url="<?php echo site_url('uploads');?>/" multiple><br /><div style="clear:both;"></div>
<div id="progress">
    <div class="bar" style="width: 0%;"></div>
</div>
<br>
<img src="" style="float:left">
<section></section>
<i style="margin-left:40px"></i><br /><div style="clear:both;"></div>
<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        add: function (e, data) {
               data.submit();
        },
        done: function (e, data) {
          $.each(data.result.files, function (index, file) {
            var resim = '<?php echo base_url('uploads/files/thumbnail');?>/'+file.name;
                  $("img").attr('src', resim);
                  $('i').text(file.name);
                  $('#progress .bar').hide(1000);
                  $('section').hide();
          });
        }
    });
});
$('#fileupload').fileupload({
    /* ... */
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .bar').css(
            'width',
            progress + '%'
        );
        $('section').text('Yükleniyor...');
    }
});
</script>