作者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