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

Not getting [Object File] from a File Input HTML Control using JQuery and Javascript

本文关键字：文件 控件 HTML 获取 对象 输入 JQuery Javascript      更新时间：2023-09-26

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

代码运行良好，这里是一个小提琴: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);
});

您可能会遇到一个问题，您正在处理的站点在本地内部网区域中列出，导致IE模拟旧版本。尝试将这一行添加到您的标记:

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

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

相关文章：