javascript-选择文件时的操作

我试图让Javascript做一些事情，在这种情况下，当用户在一个窗口中选择一个文件时，它会显示一个警报。我不确定我的代码是否真的进入了javascript，以下是我的代码：

函数showNoFile（）{
if（document.getElementById（“视频文件上载”）.value！=“”）{
警惕（“yeap”）；
}
}

/*****************
上传按钮
******************/
.文件包装器{
光标：指针；
显示：内联块；
溢出：隐藏；
位置：相对位置；
利润率：10px；
}
.文件包装器输入{
光标：指针；
字体大小：100px；
身高：100%；
-moz不透明度：0.01；
不透明度：0.01；
位置：绝对位置；
右：0；
排名：0；
}
.file wrapper.button{
背景：#F3A662；
-moz边界半径：5px；
-webkit边界半径：5px；
边界半径：5px；
颜色：#fff；
光标：指针；
显示：内联块；
字体大小：11px；
字体大小：粗体；
右边距：5px；
文本转换：大写；
}

选择一个视频

在DOM就绪时使用它

$("#video-file-upload").change(function(){
    if($(this).val() != ""){
     alert("some file selected");
    }
});

使用javascript时：

function showNoFile() {
   if(this.value != "") {
      alert("yeap");
   }
}

document.getElementById("video-file-upload").onchange = showNoFile;

函数showNoFile（）{
如果（this.value！=“”）{
警惕（“yeap”）；
}
}
document.getElementById（“视频文件上传”）.onchange=showNoFile
/*****************
上传按钮
******************/
.文件包装器{
光标：指针；
显示：内联块；
溢出：隐藏；
位置：相对位置；
利润率：10px；
}
.文件包装器输入{
光标：指针；
字体大小：100px；
身高：100%；
-moz不透明度：0.01；
不透明度：0.01；
位置：绝对位置；
右：0；
排名：0；
}
.file wrapper.button{
背景：#F3A662；
-moz边界半径：5px；
-webkit边界半径：5px；
边界半径：5px；
颜色：#fff；
光标：指针；
显示：内联块；
字体大小：11px；
字体大小：粗体；
右边距：5px；
文本转换：大写；
}

选择一个视频



检查文件。长度等于0

if (document.getElementById("video-file-upload").files.length == 0) {
  alert("yeap");
}