当输入类型“文件”不为空时，如何在JS中显示按钮类型？

Question

这是我表单中的代码。我有一个用于加载 URL (readURL) 的外部 JS 文件。我想知道当文件类型为空或非空时如何隐藏和显示按钮。 <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">