微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax提交带文件同步上传

我们经常为文件上传而烦恼,最烦的莫过于,要判断我们上传文件的大小,格式等等一系列的判断验证。这种情况我们只能通过ajax提交来验证,ajax异步提交太麻烦,自己要变异太多的代码了,其实我们在使用JQuery插件的时候,它就已经帮我们想到了,它里面ajaxSubmit就很好用,表示层代码参考如下,逻辑层代码可根据个人需求自己来写:

function FileChange(Value){
if(checkFormat(Value)){
document.getElementById("uploadimage").width=10;
document.getElementById("uploadimage").height=10;
document.getElementById("uploadimage").alt="";
document.getElementById("uploadimage").src=Value;
return true;
}else{
return false;
}
}


$("#form1").attr("action","action.do?");
var ifIntroPic=$('input[name="adVertising.ifIntroPic"]:checked').val();
if(ifIntroPic!=1){
var picture =$("#picture").val();
if(picture==null||picture==''){
if(adId==null||adId==''){
alert("请选择
上传图片");
return false;
}
}else{
if(FileChange(picture)){
$('#form1').ajaxSubmit(function(data){
if(data!=null&&data!=''){
if(navigator.userAgent.toLowerCase().indexOf("opera")!=-1){

}
}
});
}else{
return false;
}
}
}else{
formSubmit();
}
}



$('#form1').ajaxSubmit(function(data){}代码提交到逻辑层

if(navigator.userAgent.toLowerCase().indexOf("opera")!=-1){判断浏览器用的


重点在于我们在用ajax提交的时候,也可以使用ajaxSubmit方法进行同步提交,也可以ajax异步提交

自我感觉文章写得不好,就做个记录,但能帮到大家,是在看不懂的可以直接百度ajax的ajaxSubmit或看ajax的API都可以的。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐