没有使用 JQuery 和 Javascript 从文件输入 HTML 控件中获取 [对象文件]答案

【问题标题】：Not getting [Object File] from a File Input HTML Control using JQuery and Javascript没有使用 JQuery 和 Javascript 从文件输入 HTML 控件中获取 [对象文件]
【发布时间】：2015-10-04 08:37:30
【问题描述】：

我有一个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 库。

【问题讨论】：

代码是正确的..确保您的file 变量在某处定义。
它正在工作jsfiddle.net/7b7bkyhd
@Kartikeya：代码已修改...仍然存在问题..
代码在jsfiddle 中工作。您应该创建一个 jsfiddle 或使用 stack sn-p 来重现您遇到的问题。
@Kartikeya 是的，它适用于 jsfiddle 但不适用于 I.E [自定义页面]...

标签： javascript jquery file file-upload

【解决方案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】：

您可能会遇到问题，您正在处理的网站列在您的本地 Intranet 区域中，这会导致 IE 模拟旧版本。尝试在您的

标记中添加这一行 作为第一个条目：

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

来自微软：https://msdn.microsoft.com/en-us/library/jj676915.aspx

【讨论】：