자바 스크립트를 사용하여 업로드 진행률 (XMLHttpRequest 2 포함)

Question

XMLHttpRequest 2에 새로운 것이 있습니다. 그것은 파일을 업로드 할 수 있습니다. 나는 그 일을했다 (그것은 아주 쉽다). 이제 그 파일의 업로드 진행률을 얻는 방법이 있는지 궁금합니다. 나는 이것에 보통 관심이 없겠지만, 구글 크롬 (8)에서 나는 onreadystatechange 이벤트가 XMLHttpRequestProgressEvent임을 알았다. 진행 상황 ... 업로드 진행 상황 (그냥 요청 상태)에 대해서는 아무 것도 없지만 궁금합니다.

Google 크롬은 대용량 파일을 기본적으로 업로드 할 때 '카운터'를 진행합니다. 표준입니다. 항상 존재하고 구성 할 수 없습니다. 상태 표시 줄에 있습니다. Javascript로 가능합니까? 좋은 <progress> 요소에 넣고 싶습니다.

SWF 또는 Java 업 로더 (폴링 및> JS 콜백 포함)를 원하지 않습니다. 네이티브 여야합니다. 브라우저가 그것을 할 수 있다면, 요즘 Javascript는 그것을 할 수 있어야합니다, 맞았어요!? =)

XMLHttpRequest 2의 경우 매우 표준 파일 업로드 (아약스가없고 단지 <input type=file>)로는 불가능합니다.

주셔서 감사합니다.

Answer 1

진행 상황을 후크합니다. 그러면 모든 요청에 ​​대해 진행 상황을 알 수 있습니다. 먼저 업로드 객체가 사용 가능한지 확인하십시오. 업로드 객체 만 진행할 수 있습니다. 이 같은

뭔가 :

var xhr; // this is your XMLHttpRequest 

// hook to upload events if available, otherwise snag all progress events 
var eventSource = xhr.upload || xhr; 

eventSource.addEventListener("progress", function(e) { 
    // normalize position attributes across XMLHttpRequest versions and browsers 
    var position = e.position || e.loaded; 
    var total = e.totalSize || e.total; 

    // TODO: display progress 
});