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

Question

[Mysterion]

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

<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');

Comments

[Mysterion]

Или может есть готовые библиотеки для такого? Нужна просто возможность по-одному добавлять файлы в форму и отправить обычным POST запросом безо всякого AJAX.

Answer 1

[Pavlo Barmak]

Вот есть такая библиотека например.

Comments

[Mysterion]

Это именно то, что нужно. Спасибо, буду оттачивать уровень мастерства поиска в google :)