html5 XMLHttpRequest 图片异步上传
2015-04-29来源:易贤网

<!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>

更多信息请查看IT技术专栏

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息