ajax提交带文件同步上传

标签：ajax   juqery   

  我们经常为文件上传而烦恼，最烦的莫过于,要判断我们上传的文件的大小，格式等等一系列的判断验证。这种情况我们只能通过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都可以的。

ajax提交带文件同步上传,布布扣,bubuko.com

ajax提交带文件同步上传

标签：ajax   juqery   

原文地址：http://blog.csdn.net/p451933505/article/details/25707397