javascript - 检查是否在 Jquery 中选择了文件

Question

我创建了一个带有文件输入的按钮。如果我单击该按钮，我可以从我的计算机中选择一个文件。我的问题是，如果我选择一个文件，我想添加警报。我怎样才能做到这一点？我试图解决这个问题，但是当我再次单击按钮时会出现警报。

function openfileDialog() {
    $("#fileLoader").click();
    if($("#fileLoader").val() !== ""){
        alert("You selected a file!");
    }
}

#fileLoader
{
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="fileLoader" name="files" title="Load File" />
<input type="button" id="btnOpenFileDialog" value = "Click Me !!!" onclick="openfileDialog();" />

标签： javascriptjquery

Answer 1

尝试这个：

<input type="file" id="fileLoader" name="files" title="Load File" onchange="alert('selected');" />