<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>