javascript - jQuery判断输入文件是否为空

Question

全新的 JS。
当使用 jQuery/JavaScript 提交表单时，我试图检查文件输入元素是否为空。 我已经经历了一堆解决方案，但没有什么对我有用。我试图避免 /c/fakepath(除非没有其他选择)

<input type="file" name="videoFile" id="videoUploadFile" />

这不起作用:

var vidFile = $("#videoUploadFile").value;

获取文件名的唯一方法是使用以下内容:

var vidFile = document.getElementById("videoUploadFile").files[0].name;

如果没有可用的文件，代码会抛出一个错误:

cannot read property name of undefined

这是有道理的，因为数组没有设置。但我无法弄清楚如何对此进行任何错误处理。

如何正确抓取文件输入元素videoUploadFile，检查是否为空，如果为空则抛出错误信息？

Answer 1

只需检查 files 的长度属性，这是一个 FileList输入元素中包含的对象

if( document.getElementById("videoUploadFile").files.length == 0 ){
    console.log("no files selected");
}