Как очистить прикреплённый файл html

Question

Такая ситуация : В форме есть "прикрепить геологию"

Когда нажимаем на "прикрепить геологию",то должны выбрать файл.Значит выбрали файл и происходит это :

Бывает "Прикреплено файлов: 1"

Как сделать так,чтобы был крестик рядом и при нажатии на него можно было бы очистить выбранный файл,чтобы снова стало "прикрепить геологию"

вот тут html этой формы

Answer 1

Для этого по нажатию на крестик (onclick="clearinput()")

function clearinput(){
     document.getElementById("Id input file").value='';
}

Answer 2

Очистить значение input`а

$('#input__file').change(function(){
  if($('#input__file').val() != 'undefined'){
    $('body').append('<div class="clear">X</div>');
  }
})

$(document).on('click', '.clear', function(){
  $('#input__file').val('');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="file" id="input__file" />

БЛОГ НА HUSL

Как очистить прикреплённый файл html

Ответы (2 шт):