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