如何使用JQuery来检测文件输入是否像php一样被设置？

Question

在php中，如果我使用了示例

if (!empty(the input file)){
//is isset 
}

如何在JQuery中执行此操作

html：

<div id="trash1">
Clear image
<i class="fas fa-trash"></i>
</div>
<div id="image-preview">
<input type="file" name="image-upload" id="image-upload">
</div>

JQuery

$(document).ready(function() {
$("#trash1").click(function() {

$("#image-upload").val("");

$( "#trash1" ).hide();
$("#image-preview").click(function() {
var file = $("#image-upload").val();
if(file) {
$( "#trash1" ).show();
}else {
$( "#trash1" ).hide();
}
});
});
});

当我加载文件时，我已经在这里准备了一个动作示例https://codepen.io/danny2018/pen/RYajPB

名为trash1的div需要显示输入文件是否已加载，但它只在第二次有人可能知道为什么会这样时才起作用

Answer 1

 var File = document.getElementById("image-upload").files.length;
 if(File > 0){ do stuff.. }