ajax 提交form表单的 文件上传

搞文件上传,要么使用 文件上传控件! 先异步上传以后获取上传以后的文件内容,最后再把 文件信息和其余相关内容一块儿提交给后台。javascript

要么就是一个 form表单 ,把文件和其余信息一把都传向后台! html

可是form表单上传以后, 每每都是会跳转页面的。java

因此就想要 能够ajax 上传文件。ajax

百度了一下,没想到还真的有:json

能够参考app

https://www.cnblogs.com/LoveTX/p/7081515.html异步

var fd = new FormData();
    fd.append('id', $("#id").val());
    //fd.append('sealPicPathFile', $("#sealPicPathFile").val()); 不能够这样
	fd.append('sealPicPathFile', document.getElementById("sealPicPathFile").files[0]);
	fd.append('limitAmount', $("#limitAmount").val());
	fd.append('orderNum', $("#orderNum").val());
	fd.append('type', $("#type").val());
	
	$.ajax({
		url:'/admin/contract/guaranteecompany/save',
		data: fd ,
		type:'post',
		dataType: 'json',
		processData:false,  //tell jQuery not to process the data
        contentType: false,  //tell jQuery not to set contentType
		success:function(request){
			console.log(JSON.stringify(request));
			if(request.message == "OK"){
				 alertMsg.correct("保存成功");
				// $("#btnBack").click();
			}else{
				 alertMsg.info("保存失败," + request.message);
			}
		}
	});

后台代码就想 以前 使用 form表单 提交同样的。不须要改动post

相关文章
相关标签/搜索