Как выборочно удалять вложения с формы до отправки?

Есть форма типа:

<form id="feedback-form" enctype="multipart/form-data" method="post" action="http://zayavlenie.com.ua/mail.php">

В ней есть

<input type="file" name="file[]" id="file" class="file" multiple="multiple" accept="image/*">

Мне нужно чтобы пользователь видел (файл1 и кнопка удалить к примеру, потом файл 2 так же, и т.д) вложения которые выбрал и мог выборочно удалить один или 2 вложения, по желанию. Читал что это делается при помощи очистки инпутов но у меня получилось или очистить все, код брал отсюда:ссылка на пример

    var file = document.querySelector('.test'),
    removeBtn = document.querySelector('.remove');
removeBtn.addEventListener('click', function () {
    file.value = '';
}, false);

или просто кидать кучу инпутов, и их очищать что не вариант. Притом реализация этого уже есть, к примеру на встроенном тильдовском конструкторе. Читал что информация о вложенных файлах до отправки хранится в input type file, и доступна только для чтения, то есть удалить можно или все или ничего, а мне нужно удалять их (файлы) по отдельности.