作者powerjj (ya)
看板Ajax
标题[ajax] 抓不到xhr.upload.addEventListener中的progress事件...
时间Tue Mar 22 11:26:09 2011
我的js部分大致上是
function FileUpload() {
var xhr = new XMLHttpRequest();
var file = document.getElementById("inputbox").files[0];
var fileName = file.name;
xhr.upload.addEventListener("load", function(e) {
document.getElementById("test").innerHTML += "load3333";
}, false);
this.xhr.upload.addEventListener("progress", function(e) {
document.getElementById("test").innerHTML += "progress";
}, false);
xhr.open("POST", "
http://localhost:7001/DataUpdate/uploadFile.do");
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.setRequestHeader("X-File-Name", file.name);
xhr.send(file);
}
html部分则是一个button启动上面的function,
目的是点击一个button就会开始执行档案上传至server,如果跑到某动作就跳出alert
可是每次都只load部分有显示...
我的目的是要作一个进度条来显示上传档案的进度,
看了许多范例都是使用xhr.upload.addEventListener中
progress时来处理,可是我这个动作却老是没有抓到,想请问问题到底出在哪里呢...
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.33.8.54