JQuery-File-Upload

HTML

<script src="http://blueimp.github.com/jQuery-File-Upload/js/jquery.fileupload.js"></script>
<script src="http://blueimp.github.com/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
<script src="http://blueimp.github.com/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
<form id="fileupload" method="post" action="test/upload" enctype="multipart/form-data">
  <input type="file" name="photoUpload" multiple />
  <ul id="photoList"></ul>
</form>

JavaScript

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#photoList');
            });
        }
    });
});