javascript - 当输入类型 "file"不为空时，如何在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">