js FormData实现文件上传

原创
2016/12/17 10:38
阅读数 1K

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>

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
1 收藏
1
分享
返回顶部
顶部