当输入类型“文件”不为空时，如何在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();&nbsp;&nbsp; if(imgVal=='')&nbsp;&nbsp; {&nbsp;&nbsp; &nbsp; $('#upload').hide();&nbsp; }&nbsp;$('#file').click(function(){&nbsp; $('#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">