html5 XMLHttpRequest 图片异步上传
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<tilte>uploadFile</title>
<script>
function uploadFile(){
var formData = new FormData();
var files = document.getElementById(‘file‘).files;
var file = files[0];
formData.append(‘file‘,file);
var xhr = new XMLHttpRequest();
xhr.open(‘POST‘,‘index.html‘,true);
xhr.onload = function(e){
if(this.status == 200){
document.getElementById("resulte").innerHTML = this.response;
}
};
xhr.send(formData);
}
</script>
</head>
<body>
<form id="form1" enctype="multipart/form-data">
<input type="file" id="file" name="file"><br/>
<input type="button" value="upload" onclick="uploadFile();">
</form>
<output id="result"></output>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
