Не получить [Object File] из элемента управления HTML файлом с помощью JQuery и Javascript

У меня есть file input control и button, как показано ниже: -

<input type="file" name="Resume" id="upload"></input>
<input type="button" id="btnSave" value="Save" onclick="sample()"></input>

Также функция, называемая sample()

<script type="text/javascript">
    function sample(){
    var file =$('#upload')[0].files[0];
    alert(file);
    }
</script>

Вышеупомянутая функция вызывается одним нажатием кнопки btnsave.

Issue: не возвращает предупреждение с [object File], несмотря на наличие файла в управлении входными файлами.

Примечание. Я использую I.E 11, а также загруженную библиотеку JQuery.

Ответ 1

Код работает отлично, вот скрипка: https://jsfiddle.net/Ujwal_15/x5bgqqo7/6/

HTML:

<input type="file" name="Resume" id="upload" />
<input type="button" id="btnSave" value="Save" />

JQuery

$('#btnSave').click(function() {
    var file =$('#upload')[0].files[0];
    alert(file);
});

Ответ 2

Возможно, у вас может возникнуть проблема, в которой сайт, над которым вы работаете, указан в вашей локальной интрасети, что заставляет IE эмулировать более старую версию. Попробуйте добавить эту строку в качестве самой первой записи в вашей <head> тег:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

От Microsoft: https://msdn.microsoft.com/en-us/library/jj676915.aspx