javascript - 未使用 JQuery 和 Javascript 从文件输入 HTML 控件获取 [对象文件]

Question

我有一个文件输入控件和按钮，如下所示:-

<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即可调用上述函数。

问题:不返回带有[object File]的警报，尽管文件存在于文件输入控件中。

注意:我使用的是 I.E 11 并且还加载了 Jquery 库。

Answer 1

代码工作正常，这是一个 fiddle :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);
});