php - ajax xhr lengthComputable 使用 php 文件返回 false

Question

我正在使用 XMLHttpRequest 执行 ajax 请求，以显示请求的进度。它适用于 html 文件，但 evt.lengthComputable 使用 php 文件返回 false。

我的 php 文件是用 utf-8 编码的，没有什么特别的。

                xhr: function()
            {

              console.log('xhr');
              var xhr = new XMLHttpRequest();


              xhr.addEventListener('loadend', uploadComplete, false);
              function uploadComplete(event) {
                  console.log('uploadComplete');
                  //do stuff
              }


              //Download progress
              xhr.addEventListener("progress", function(evt){
                console.log([evt.lengthComputable, evt.loaded, evt.total]);
                if (evt.lengthComputable) {
                  var percentComplete = (evt.loaded / evt.total) * 100;


                }
              }, false);
              return xhr;
            }

感谢您的帮助:)！

Answer 1

因为 php 文件是动态的，所以需要设置正确的 Content-Length 标头：

<?
ob_start();
/* your code here */

$length = ob_get_length();
header('Content-Length: '.$length."\r\n");
header('Accept-Ranges: bytes'."\r\n");
ob_end_flush();