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)。
以上所述就是本文的全部内容了,希望大家能够喜欢。