简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html5 XMLHttpRequest 图片异步上传

来源:易贤网   阅读:1026 次  日期:2015-04-29 14:35:17

温馨提示:易贤网小编为您整理了“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>

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

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:深入理解html5系列-文本标签
下一篇:利用HTML5分片上传超大文件
易贤网手机网站地址:html5 XMLHttpRequest 图片异步上传
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!