Ajax上传文件分析

最新推荐文章于 2025-06-07 14:38:43 发布

原创最新推荐文章于 2025-06-07 14:38:43 发布 · 239 阅读

0 ·

CC 4.0 BY-SA版权

测试经验总结专栏收录该内容

77 篇文章

订阅专栏

本文介绍了一个版本数据提交的实现流程，包括收集用户输入的各项参数、处理文件上传，并使用Ajax技术向服务器发送请求来完成版本数据的添加。文章还涉及了前端表单验证、文件大小限制及异步操作等细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//全部通过后
// $("#submitAllThings").addClass("disabled");
var dtarget=window.location.pathname.split("/")[1];
if (submitflag) {
var formData=new FormData();
var urlinfo="";
$.each($(".uriinfo"), function() {
var value=$(this).html().trim();
urlinfo+=value+",";
});
formData.append("user",username);
formData.append("productname",productname);
formData.append("projectcode",projectcode);
formData.append("createdate",createtime);
formData.append("description",description);
formData.append("versionname",versionname);
formData.append("changelog.loginfo",changelog);
var targetFile=new Array();
$.each($(".filetarget"),function(){
var fileupload=$(this)[0].files;
if(fileupload.length>0){
console.log(fileupload[0].name);
if(fileupload[0].name.length>1){

targetFile.push(fileupload[0]);
}
}

});
console.log(targetFile);
// formData.append("uploadfile.uploadfiles",targetFile);
if(targetFile.length>0){
$(".zhezhao").show();
addInfo("正在上传文件请稍候！");

$.each(targetFile,function(){
formData.append("uploadfile.uploadfiles",this);
});
}

if (urlinfo.length>1) {

formData.append("uploadfile.urlpath",urlinfo);
}
$.ajax({
url:"/"+dtarget+"/"+"VersionController/addVersionData",
async:true,
type:"POST",
contentType:false,
processData:false,
data:formData,
success:function(data){
var objdata=data;

if(objdata.state=="ok"){
addInfo("项目添加成功正在跳转");
$(".zhezhao").show();
window.location.href="/"+dtarget+"/"+"ShowDetail?projectid="+projectid;
window.event.returnValue = false;
if(window.event.preventDefault) {
window.event.preventDefault();
}
}
if(objdata.state=="login"){

}
},error:function(XMLHttpRequest, textStatus, errorThrown){

console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
alert("服务器忙或您上传的文件超过200MB,请检查");
}

});

}