Ajax异步上传文件超时中断问题

最新推荐文章于 2024-03-29 02:23:45 发布

黎明晓月

最新推荐文章于 2024-03-29 02:23:45 发布

阅读量692

点赞数 1

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： ajax javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_42949219/article/details/105076324

笔记专栏收录该内容

57 篇文章

订阅专栏

这篇博客探讨了在JavaScript中使用Ajax进行文件异步上传时遇到的超时中断问题。通过设置`async:false`确保服务不中断，解决了文件上传过程中可能中断的状况。同时，文中还展示了正常的接口请求示例，用于对比和理解同步与异步请求的区别。

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

Ajax异步上传文件超时中断问题

async:false,使服务不中断

文件上传
function importExcel() {
		  	   var formData =new FormData($("#import")); 
		  	   var frontphoto=$('#files').get(0).files[0]; 
		  	   formData.append('files',frontphoto); 
		  	   console.log(formData);
			 $.ajax({		
				type:'post',
				dataType:"json",
				url:'/oa/api/uploadFirmware',	
				data:formData,
				async:false,#使服务不中断
				processData: false,			
				contentType: false,			
				success:function(data){
					if (data.code == "0001") {
						$.toastSuccess("上传成功");
						queryData();
		            }else{
		            	$.toastInfo(data.message);
		            }
				}
		  	});  
}

接口请求（不上传文件）
$.ajax({		
		type:'POST',
		contentType:'application/json',
	    dataType: "json",//预期服务器返回的数据类型
		url:'/oa/api/updateFirmware',	
		data:param,	
		success:function(data){
			if (data.code == "0001") {
				$.toastSuccess("上传成功");
            }else{
            	$.toastInfo(data.message);
            }
		}
  	});