这是很简单。。
HTML
<div>
<input type="file" id="myfile">
<input type="button" value="提交" onclick="HeadPortraitPicture()">
</div>
JS编码
function HeadPortraitPicture()
{
if (document.getElementById('myfile').files[0] != null) {//分辨提交的文档是不是为空
var fd = new FormData();
fd.append("fileToUpload", document.getElementById('myfile').files[0]);//这是获得提交的文档
var xhr = new XMLHttpRequest();
xhr.open("POST", "/DEMO/SettingCode/Exceltolead?type=doExcel");//要传入后台管理方式的途径
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);//回到来的数据信息
xhr.addEventListener("error", uploadFailed, false);//回到出现异常
xhr.addEventListener("abort", uploadCanceled, false);//回到联接出现异常
xhr.send(fd);//放进文档发送至后台管理
}
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
//var percentComplete = Math.round(evt.loaded * 100 / evt.total);//能够在这儿接受时间轴数据信息
}
else {
alert("没法测算!");
}
}
function uploadComplete(evt) {
/* 缺少对象数据信息*/
var message = evt.target.responseText;//接受回到来的数据信息
}
function uploadFailed(evt) {
alert("上传来错.");
}
function uploadCanceled(evt) {
alert("提交已由客户或电脑浏览器撤消删掉联接.");
}