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();