jquery实现兼容IE8的异步上传文件
案例:
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scripttype="text/javascript"src="jquery.min.js"></script>
<scriptsrc="upload02.js"></script>
<scripttype="text/javascript">
functionlook(){
//alert($("forminput[type=file]").val())
alert($("input[name=test]").upload("getFileVal"))
}
functionclean(){
$("input[name=test]").upload("clean")
}
functionajaxSubmit(){
$("input[name=test]").upload({
url:'index.aspx',
//其他表单数据
params:{name:'pxblog'},
//上传完成后,返回json,text
dataType:'json',
onSend:function(obj,str){returntrue;},
//上传之后回调
onComplate:function(data){
alert(data.file);
}
});
$("input[name=test]").upload("ajaxSubmit")
}
functionlook1(){
//alert($("forminput[type=file]").val())
alert($("input[name=test1]").upload("getFileVal"))
}
functionclean1(){
$("input[name=test1]").upload("clean")
}
functionajaxSubmit1(){
$("input[name=test1]").upload({
url:'index.aspx',
//其他表单数据
params:{name:'pxblog'},
//上传完成后,返回json,text
dataType:'json',
onSend:function(obj,str){returntrue;},
//上传之后回调
onComplate:function(data){
alert(data.file);
}
});
$("input[name=test1]").upload("ajaxSubmit")
}
</script>
</head>
<body>
<p>
<inputtype="button"value="look"onclick="look()"/>
<inputtype="button"value="clean"onclick="clean()"/>
<inputtype="button"value="ajaxSubmit"onclick="ajaxSubmit()"/>
<inputtype="file"name="test"/>
</p>
<p>
<inputtype="button"value="look1"onclick="look1()"/>
<inputtype="button"value="clean1"onclick="clean1()"/>
<inputtype="button"value="ajaxSubmit1"onclick="ajaxSubmit1()"/>
<inputtype="file"name="test1"/>
</p>
</body>
</html>
源码:http://code.taobao.org/p/upload2/src/jquery.upload2.js
我测试的环境是IE10,在IE10的开发者工具中模拟IE8,测试通过。(我将浏览器的安全权限设置了中,应该没有多大关系)
修复了此人写的一些小错误,添加几个方法,主要是通过了IE8的测试(之前的不支持IE8)。
以上所述就是本文的全部内容了,希望大家能够喜欢。