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.