javascript xhr.upload 未定义。无法跟踪上传进度

Question

我正在尝试开发一个带有进度条的 html-5 上传器。 我已完成文件的发送和接收，但进度条仍然存在。

所有示例都使用类似以下内容：

var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", function (evt) { ...

当我在浏览器控制台中键入此内容时，它会响应未定义

var xhr = new XMLHttpRequest(); alert(xhr.upload);

如何获取上传对象的手以便跟踪进度？ 我已经在最新的 Chrome (v16) 和 Firefox (v9) 中进行了测试

Answer 1

这似乎在 chrome 控制台中有效

var request = new XMLHttpRequest();
request.addEventListener("progress", function(){console.log('progress')});
request.open("POST", "/", true);
request.send(null);

Answer 2

发现错误了。
当我在不同的浏览器环境（新选项卡）中使用控制台时，它起作用了。我发现错误是 python 的 Dajaxice 库，它显然破坏了本机 xhr 对象的一些属性。感谢您的帮助，让我思考...:-)

Note2-self：不要假设控制台在用于调试时是“干净的”。

Answer 3

尝试直接设置onprogress。

xhr.upload.onprogress = function(evt){console.log('progress')};

然后做你正在做的事情。

它应该可以工作，只需在控制台中创建一个新的 xhr，上传就在那里。您的代码中还发生了其他事情。

Answer 4

这不是 dajaxice 问题本身，而是它使用的 XMLHTTMLRequest.js 库的问题，请参阅对应的已知和未修复的问题 https:/ /github.com/ilinsky/xmlhttprequest/issues/12

但在 HTML5 应用程序中使用 Dajax/DajaxIce 确实是一个阻碍