ajax提交带文件同步上传
来源:互联网 发布:怎样做淘宝分销商 编辑:程序博客网 时间:2024/04/30 14:30
我们经常为文件上传而烦恼,最烦的莫过于,要判断我们上传的文件的大小,格式等等一系列的判断验证。这种情况我们只能通过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提交带文件同步上传
- ajax方式提交带文件上传的表单
- Ajax方式提交带文件上传的表单
- ajax方式提交带文件上传的表单,上传后不跳转
- 使用ajax提交上传文件
- Ajax表单提交上传文件
- Form提交,Ajax上传文件
- Ajax提交form表单,Ajax文件上传
- ajax提交带文件的表单
- ajax提交带文件的表单
- ajaxfileupload文件上传及带参提交
- 无刷新文件上传 ajax提交表单
- 无刷新文件上传 ajax提交表单
- 无刷新文件上传 ajax提交表单
- 表单上传文件提交实现ajax方式
- 使用ajax提交表单或上传文件
- SpringBoot+Ajax文件上传+FormData表单提交
- 多文件上传,ajax提交表单
- System.Runtime.InteropServices.COMException (0x8004E00F): COM+ 无法与 Microsoft 分布式事务协调程序交谈 (异常来自 HRESU
- 十大响应式Web设计框架
- R语言实现MapReduce的协同过滤算法
- Android已有的原生Camera框架中添加自己的API的实现方案。
- OCR SDK for iOS
- ajax提交带文件同步上传
- Information Security Basic Concept
- java cas 非阻塞学习
- Oracle SID在本机上已经存在,请指定一个不同的SID”的解决办法
- 转: 深入分析Java ClassLoader原理
- ALM11 OTA API接口的问题
- WinScp工具
- pthread_kill()和pthread_cancel()的用法
- Python基础编程(三)使用字符串