Сценарий, возвращающий неопределенное свойство

Question

Я новичок в API File и FileReader, который представил HTML5, и у меня возникла проблема с чтением фактического файла. В 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]); 
}) 

Edit: Я проверил его в IE, и это, кажется, работает хорошо, Chrome, где проблема, по-видимому ,

Answer 1

Избавиться от метода get() вы прикреплены к selectedFile переменной

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

Fiddle