源码下载:https://pan.baidu.com/s/15d7JlaSZlNOEMvJNAWgLNA
提取码:tba1
前端请求:
后端接收:(后台框架Jboot)
核心代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文件上传</title>
</head>
<body>
<form id="test">
<input type="text" name="name">
<input type="text" name="age">
<input type="text" name="phone">
<input type="file" name="file">
<input type="button" onclick="add()" value="新增">
</form>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
function add(){
var formData = new FormData(document.querySelector("#test"));//获取form值
$.ajax({
url: "http://localhost:8080/upload/add",
type: "POST",
data: formData,
processData: false, // 不处理数据
contentType: false, // 不设置内容类型
success:function(data){
alert(data);
}
});
}
</script>
</html>