Javascript 返回未定义属性的脚本

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

未捕获类型错误：无法读取未定义的属性“文件”

所以很明显，整个事情都是未定义的，我不知道为什么会这样，或者我是否做了正确的检查，但这是我的代码。谁能解释一下我做错了什么

HTML

编辑：我已经在IE中测试过，它似乎工作正常，Chrome就是问题所在。

摆脱附加到selectedFile变量的Get方法

---

加载DOM元素后是否运行JavaScript代码？那么，很抱歉，请尝试将var selectedFile=$selectedFile；点击回调。我认为在运行jQuery selector时selectedFile不可用。@大多数Truash仍会遇到相同的错误。@SilentTremor我有，我只是没有把它包括在这里，因为它不需要。我看到它在小提琴中工作，但我仍然在应用程序中遇到同样的错误。@Robert在查看控制台之前，您是否先选择了一个文件？@LloydBanks问题是，如果是这样的话，错误不会说“文件”是未定义的。我认为OP并没有在他的代码中向我们展示一些关键的东西。嗯，我注意到它在IE中运行良好，但在Chrome中，它具有issue@Robert尝试清除Chrome的历史记录。您可能正在从缓存加载旧版本的JavaScript

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

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

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