ajax利用formData上传文件

关注

原创最新推荐文章于 2026-02-28 07:19:55 发布 261 阅读 AI 写同款· GEO 优化 ›

FormData--JQuery使用FormData利用Ajax实现多图片、文件上传传统的form表单提交会导致页面刷新，但是在有些情况下，我们不希望页面被刷新，这种时候我们都是使用Ajax的方式进行请求的。我自己了解的实现文件上传的比较好用的，有普通的Ajax提交文件方式、FilesUpload等，但是用了FormData后，觉得fromdata使用起来更加简单便捷，所以在此给各位小伙伴们分享一下，不足之处还请各位伙伴提示，在此感谢！例如表单：表单内必须设enctyp 阅读详情

var formData = new FormData();
if($("#memberPhoto").val() != null && $("#memberPhoto").val() != ''){
	var memberPhoto=  document.getElementById("memberPhoto").files[0];
	formData.append("memberPhoto",memberPhoto);
}
var id = $("#id").val();
var downloads = $("#downloads1").val();

formData.append("id", id);
formData.append("downloads", downloads);

$("input[name='memberflag']:checked").each(function(i){
	arr[i] = $(this).val();
});
var memberflag = arr.join(",");    //会员类型
formData.append("memberflag", memberflag);
$.ajax({
	url:"",
	data: formData,
	type: "post",
	dataType: "json",
	contentType: false, //不设置内容类型
	processData: false, //不处理数据
	success:function(data){
		
	},
	error:function(){
		alert("服务器异常");
	}
});

收录于