XMLHttpRequest 206 부분 콘텐츠

Question

자바 스크립트에서 XMLHttpRequest 객체의 부분 콘텐츠 요청을 보내고 싶습니다. 서버에서 큰 바이너리 파일을로드하는 중이고 html5 비디오 처리 방식과 비슷한 서버에서 스트리밍하는 것이 좋습니다.

setRequestHeader를 사용하여 Range 헤더를 설정할 수 있습니다. Chrome의 네트워크 속성은 Range 헤더가 성공적으로 설정되었음을 보여줍니다. 그러나 Accept-Encoding 헤더는 "gzip, deflate"로 설정되어 있으며 Chrome에서 해당 헤더를 설정하지 못하게됩니다 (W3C 표준).

서버가 자바 스크립트의 XMLHttpRequest 객체의 206 부분 콘텐츠로 응답하도록하는 방법이 있습니까?

Answer 1

206 요청이 작동하지 않는 이유를 알았습니다. gzip 압축을 사용하면 보내는 데이터를 gzip으로 압축 할 수 있으면 범위 헤더가 무시됩니다.

내가 요청한 파일은 nginx가 mimetype application/octet-stream을 갖는 것으로 해석되는 큰 바이너리 파일이었습니다. 이것은 gzip 된 MIME 형식 중 하나입니다. 파일의 이름을 .png 파일 유형으로 변경하면 이미지/png MIME 유형이 gzipped되지 않으므로 범위 요청이 올바르게 작동합니다.

이렇게하면 curl을 사용하여 Accept-Encoding 헤더를 ID로 설정하면 범위 요청이 올바르게 작동 할 수도 있습니다. 그러나 XHR에서 헤더를 변경할 수는 없습니다.

해결 방법 : 서버에서 mimetype 테이블을 변경하십시오!

Answer 2

이 범위 요청 나를 위해 잘 작동 : http://jsfiddle.net/QFdU4/

var xhr = new XMLHttpRequest; 

xhr.onreadystatechange = function() { 
    if (xhr.readyState != 4) { 
    return; 
    } 
    alert(xhr.status); 
}; 

xhr.open('GET', 'http://fiddle.jshell.net/img/logo.png', true); 
xhr.setRequestHeader('Range', 'bytes=100-200'); // the bytes (incl.) you request 
xhr.send(null); 

당신은 서버가 있지만, 범위 요청을 할 수 있는지 확인해야합니다. 곱슬 곱슬로 테스트 할 수 있습니다.

$ curl -v -r 100-200 http://example.com/movie.mkv > /dev/null