StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POXMLHttpRequest lengthComputable always false
text
Body
copied!<p>I need to AJAX load big binary files, hence I would like to show a progress indicator. I've read the lengthComputable field of the Progress.event parameter is true when there'sa "Content-Length" header set. I have this header, but lengthComputable is always false. What I'm doing wrong?.</p> <p>Here's the code:</p> <pre><code>function onProgress(evt){ if(evt.lengthComputable){ this.progress = (evt.loaded / evt.total)*100; // do something ... } } function load(url){ var me = this; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'arraybuffer'; xhr.onload = this.load; xhr.onprogress = this.updateProgress; xhr.send(); } </code></pre> <p>And this is the header (from Chrome):</p> <pre><code>Request URL:http://localhost/cgi-bin/test.cgi Request Method:GET Status Code:200 OK Request Headersview source Accept:*/* Accept-Encoding:gzip,deflate,sdch Accept-Language:es-419,es;q=0.8 Connection:keep-alive Cookie:__utma=1.1581312881.1342448904.1342729430.1342812228.5 Host:localhost Referer:http://localhost/cgi-bin/test.cgi User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.35 (KHTML, like Gecko) Chrome/27.0.1448.0 Safari/537.35 Query String Parametersview sourceview URL encoded idimage:3431 Response Headersview source Connection:Keep-Alive Content-Encoding:deflate Content-Length:11825252 Content-Type:application/binaryfile Date:Fri, 05 Apr 2013 11:36:06 GMT Keep-Alive:timeout=5, max=98 Server:Apache/2.2.22 (FreeBSD) mod_ssl/2.2.22 OpenSSL/0.9.8x DAV/2 PHP/5.3.10 with Suhosin-Patch mod_python/3.3.1 Python/2.7.3 mod_perl/2.0.5 Perl/v5.10.1 </code></pre> <p><strong>EDIT</strong>: It looks like the problem is the Content-Encoding, in my case deflate: <a href="https://stackoverflow.com/questions/15097712/how-can-i-use-deflated-gzipped-content-with-an-xhr-onprogress-function">How can I use deflated/gzipped content with an XHR onProgress function?</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload