很多系统为了美观，都会在网页中用一个隐藏的按钮触发file上传控件，一般正常的在Chrome和Firefox下没有问题，但是切换到IE9和IE10下请求无法到达后台，这是因为IE9和IE10为了安全考虑，阻止了不是直接点击file的上传。因为这个问题，折腾了一天，参考网上的案例，结合自己的实际情况，终于找到一个比较靠谱的解决方案。

@H_301_2@ 用一个label标签，label的for属性指向file文本框

@H_301_2@ <input type="file" id="uploadfile" name="file" style="display:none;" onclick="upload();" />

@H_301_2@ <label for="uploadfile"></label>

@H_301_2@ label的样式可以自己调整

@H_301_2@ 每次上传时，点击label标签，就可以直接触发file控件。

@H_301_2@ 我这里因为用的是jquery.ajaxfileupload.js的上传插件，因此在IE下还有一个问题，就是清空file文件框的值时，总是无法清空，导致二次上传时，无法触发文件框的change事件。

@H_301_2@ 因此用了另外一个清空文件框内容的方法

@H_301_2@

varclearFileInput =function(name) {

varf = $("input[name='"+name+"']:file");

f.val("");

varcf = f.clone();

f.remove();

cf.appendTo("body");

};

还有一个是在IE9下如果用springmvc的框架，在后台直接输出json的话，前台会直接去下载json文件，解决办法是用HttpServletResponse对象向页面写入数据，并设置数据类型为text/html。

原文链接：https://www.f2er.com/ajax/160582.html