В общем есть кнопка для загрузки файла в форме, но если человек выбрал не тот файл то что делать? Не перегружать же страницу, так вот тут я подумал что нужно сделать кнопку удаления для файла, сколько не думал, так и не понял как это можно реализовать, подтолкните на верный путь)
Если форма с именем файла не пустая то мы просто создаем дополнительный блок, кнопку Delete, при клике на которую в дальнейшем мы так же просто очищаем поля файла и имени файла, вот и вся математика)
<div class="contract-upload">
<input type="file" name="contract-file" class="contract-file">
Download
<div class="contract-result">
<div class="delete-file"><img src="img.png" alt="">
<input type="text" id="contract-filename" class="contract-filename" disabled>
И стиль что бы кнопочка была заметнее
#del {
background-color:black;
color:white;
padding:5px;
border:1px solid gray;
border-radius:8px;
}