1、取得form元素对象,将它作为参数传入FormData对象中,作为xhr的发送参数
<!DOCTYPE html>
<html>
<head>
<title>test4</title>
<meta charset="utf-8">
</head>
<body>
<form id="uploadForm" enctype="multipart/form-data" method="POST" action="">
<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" onchange="upload" name="filename">
</form>
<script type="text/javascript">
document.getElementById("uploaderInput").addEventListener("change", function(){
var form = document.getElementById("uploadForm");
var fromData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST","http://192.168.1.7:8080/user/info");
xhr.onload = function(e){
console.log(e,xhr.responseText);
}
xhr.send(fromData)
}, true)
</script>
</body>
</html>