首页 > 代码库 > ajax提交带文件同步上传

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=http://www.mamicode.com/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都可以的。