Как правильно организовать загрузку файлов из формы?

Всем привет.
Нужно на сайте организовать загрузку файлов на сервер. Есть форма:

<form action="" method="POST" enctype="multipart/form-data">
<label class="btn btn-primary">
    Прикрепить файл <input type="file" style="display: none;" id="files" name="files[]">
</label>
</form>

Хочу сделать так, чтобы при выборе файла его название выводилось над кнопкой загрузки. При этом чтобы кнопка загрузки "сбрасывала" текущее значение и позволяла добавить еще один файл, который так же добавится выше к уже добавленному.
Насколько правильно это будет реализовать копированием элемента кнопки загрузки файла и изменением элемента кнопки добавленного файла на название?

$('#files').closest('label').clone().prependTo('form');