Javascript &引用；输入类型file.files"；选择器在jQuery中不工作

我正试图通过以下代码在HTML输入中获取有关上载文件的信息：

$（文档）.ready（函数（）{
$（'#btn'）。在（'click'，function（）上{
文件大小=$（“#我的文件”）。文件[0]。大小；
警报（文件大小）；
});
});

$（“#我的_文件”）
是一个jQuery对象，而jQuery对象没有属性
文件

要从jQuery中获取DOM元素，请执行以下操作

$("#my_file")[0].files[0].size


另外，如果您尚未选择任何文件，
（$（“#我的文件”）[0]。文件[0]
将为您提供
未定义的
和
（$（“#我的文件”）[0]。文件[0]。大小
将引发错误。

建议您添加一个支票

if ($("#my_file")[0].files.length > 0) {
    file_size = $("#my_file")[0].files[0].size
} else {
    // no file chosen!
}

jQuery对象没有
files
属性，您可以使用旧的
getElementById
或jQuery
get
方法来选择DOM元素对象


$（文档）.ready（函数（）{
$（'#btn'）。在（'click'，function（）上{
文件大小=document.getElementById（“我的文件”）.files[0]。大小；
警报（文件大小）；
});
});


$（文档）.ready（函数（）{
$（'#btn'）。在（'click'，function（）上{
文件大小=document.getElementById（“我的文件”）.files[0]。大小；
警报（文件大小）；
});
});
这是4年前发布的另一个答案的精确副本。