html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form>
<input type="file" name="file" id="file">
<button type="submit">上传</button>
</form>
</body>
</html>
<script src="libs/jquery-1.11.1.js"></script>
js代码
<script>
var token = localStorage.getItem("token")
document.querySelector("form").addEventListener("submit", function(e) {
e.preventDefault();
var files = document.querySelector("#file").files
var fd = new FormData();
fd.append("file", files[0]);
fd.append("token", token)
$.ajax({
url: "http://localhost:8080/api/topic/upload",
type: "post",
data: fd,
//表示使用FormData自己的contentType,multipart/form-data; boundary=----WebKitFormBoundaryYGFs3BOzKiZDdY3V
contentType: false,
//表示对表单中的数据不进行编码
processData: false,
success: function(resp) {
console.log(resp)
}
});
//console.log(fd);
})
</script>
服务器返回结果: