Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何确定用户是否选择了实时上传文件?_Javascript_Jquery_Html_Input_Upload - Fatal编程技术网

Javascript 如何确定用户是否选择了实时上传文件?

Javascript 如何确定用户是否选择了实时上传文件?,javascript,jquery,html,input,upload,Javascript,Jquery,Html,Input,Upload,假设我有一个输入 <input id="uploadFile" type="file" /> 如果为此输入选择了一个文件,我需要实时输出一个警报。若一个文件并没有被选中,而用户只是简单地关闭了文件管理器窗口,我就不需要输出警报 如何执行此操作?您可以使用change事件执行此操作。在该事件下,您可以检查文件输入的值。如果为空,则未选择任何文件 $('#uploadFile').change(function() { if (this.value) { a

假设我有一个输入

<input id="uploadFile" type="file" />

如果为此输入选择了一个文件,我需要实时输出一个警报。若一个文件并没有被选中,而用户只是简单地关闭了文件管理器窗口,我就不需要输出警报


如何执行此操作?

您可以使用
change
事件执行此操作。在该事件下,您可以检查文件输入的
值。如果为空,则未选择任何文件

$('#uploadFile').change(function() {
    if (this.value) {
        alert('you chose a file!');
    }
})

这个例子可能会对你有所帮助。W3学校最适合JS。

W3Schools最适合JS。
恐怕事实并非如此。他们的参考文献往往过时,有时甚至完全错误。改用
var x = document.createElement("INPUT");
x.setAttribute("type", "file");
x.setAttribute("id", "uploadFile");
x.onchange = function() {
    alert("File Selected");
}
document.body.appendChild(x);
/*
if(x.value == "") {
    alert("File is not Selected");
}
*/