Как я могу показать в JS тип кнопки, когда тип ввода "файл" не пустой?

Question

Это код внутри моей формы.

У меня есть внешний файл JS, который я использую для загрузки URL (readURL).

Я хотел бызнать, как я могу скрыть и показать кнопку, когда тип файла пуст или нет.

 <input type="file" id="file" name="file" onchange="readURL(this);"/>
    <img src="<c:url value='/test/file'/>" id="newImg">
 <input type="button" id="upload" value="Load">

Answer 1

Быстрое решение для вас с JS и Jquery:

var imgVal = $('#file').val(); 
  if(imgVal=='') 
  { 
    $('#upload').hide();

  } 
$('#file').click(function(){
  $('#upload').show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="file">
<input type="button" id="upload" value="Load">