html5 XMLHttpRequest 图片异步上传
2019獨角獸企業重金招聘Python工程師標準>>>
<!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" οnclick="uploadFile();">
</form>
<output id="result"></output>
</body>
</html>
轉載于:https://my.oschina.net/wisdomofgod/blog/403430
總結
以上是生活随笔為你收集整理的html5 XMLHttpRequest 图片异步上传的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux按文件内容查找文件
- 下一篇： 设计模式（中介者模式）