Question

我是HTML5引入的File and FileReader 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显然是问题所在。

Answer 1

删除您附加到get()变量

的selectedFile方法

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

Fiddle

脚本返回未定义的属性

1 个答案: