XMLHttpRequest - event.loaded 和 event.total 值的问题

发布于 2024-12-03 19:27:59 字数 620 浏览 1 评论 0原文

我使用 XMLHttpRequest 进行文件上传，在浏览器中我有一个进度条，显示图像的大小已经上传。

  xhr.upload.addEventListener('progress', onprogressHandler, false);

  function onprogressHandler(event) {    
    resp.innerHTML = event.loaded +' and '+ event.total;

    var percent = Math.round((event.loaded / event.total) * 100);
    var calc_display = document.getElementById('calc');
    calc_display.innerHTML = percent;
  };

如果我选择上传图像并发送表单，那么我总是看到相同的 event.loaded 和 event.total 值。我认为值 event.total 是文件的大小。

我是个新手，没有那么多经验，但我怎么可能总是有相同的价值观呢？（通常约为 2.700.000 kB）

哪里可能有问题？

原文

I use XMLHttpRequest for file upload and in the browser I've a progress bar that show, how big part of image is already uploaded.

  xhr.upload.addEventListener('progress', onprogressHandler, false);

  function onprogressHandler(event) {    
    resp.innerHTML = event.loaded +' and '+ event.total;

    var percent = Math.round((event.loaded / event.total) * 100);
    var calc_display = document.getElementById('calc');
    calc_display.innerHTML = percent;
  };

If I choose an image for upload and send a form, so I see always the same values of event.loaded and event.total.
I think the value event.total is the size of file.

I am a newbie so I haven't so much of experience, but how is possible I have always the same values? (usually about 2.700.000 kB)

Where could be a problem?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情绪 2024-12-10 19:27:59

进度事件规范提到进度事件还可以具有布尔值 .lengthComputable 属性。如果进度事件的该属性为 false，我希望 event.loaded 和 event.total 的值不会反映上传进度。

规范规定，如果 XMLHttpRequest 的 Content-Length 标头为，则 .lengthComputable 将为 true，并且 .total 将反映文件的长度。放。事实证明 XMLHttpRequest 不允许设置 Content-长度 - 搜索该锚点下方的Content-Length。据推测，他们这样做是因为脚本可能会错误计算其发送的数据的长度，而用户代理这样做的可能性要小得多。

查看您的服务器正在接收的请求。它们有 Content-Length 标头吗？