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)。
以上所述就是本文的全部内容了,希望大家能够喜欢。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短