JAVASCRIPT IE8兼容问题

1、<label>标签for属性打开input file，兼容到IE9及以上

//解决方法，使用绝对定位和透明度使input位于上层并且透明，使用户实际点击input

.input-parent{
    position: relative;
    overflow: hidden;
}
.input{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity = 0); //兼容IE
    font-size: 60px; //用于放大按钮，IE8下点击按钮才能选择文件
}

2、上传文件兼容IE8

//解决方法，使用插件jquery.form.js
<script src="static/js/jquery.form.js"></script>

//注意问题：在IE中需要点击file控件的浏览按钮，才有权限上传文件，否则会报错"拒绝访问"

3、下载文件兼容IE8

//下载导出文件
$(".download-export-file-form").remove();
//创建form表单
var form = $("<form class='download-export-file-form' />");
form.attr("style", "display:none");
form.attr("method", "post");
form.attr("action", "user/download_export_file");
$("body").append(form);
//设置参数
var input = $("<input type='text' name='name' />");
input.attr("value", res.name);
form.append(input);
//提交表单
form.submit();