返回未定义属性的脚本

Script returning undefined property

本文关键字：脚本 属性 未定义 返回      更新时间：2023-09-26

我是HTML5引入的文件和文件阅读器API的新手，我在读取实际文件时遇到了问题。 在 HTML 中，我让用户使用输入字段选择文件。 我正在将 DOM 元素传递到一个变量中，当用户点击加载按钮时，我正在检查文件。 但是，我收到以下错误。

Uncaught TypeError: Cannot read property 'files' of undefined

所以显然，整个事情都以未定义的形式返回，我不确定为什么会这样，或者我什至是否做对了检查，但这是我的代码。 谁能向我解释我做错了什么？

.HTML 

<div id="uploadFile">
    <span>DAT File: </span><input type="file" id="selectedFile">
    <div id="loadButtons">
        <button id="load">Load</button>
    </div>
</div>

jQuery

var selectedFile = $("#selectedFile");
$("#load").on("click", function(){
    console.log(selectedFile.get(0).files[0]);
})

编辑：我已经在IE中对其进行了测试，它似乎工作正常，Chrome显然是问题所在。

摆脱附加到selectedFile变量的get()方法

var selectedFile = $("#selectedFile");
$("#load").on("click", function(){
    console.log(selectedFile[0].files[0]);
});

小提琴

相关文章：