ajax에서 progressbar 추가를 하고 싶습니다..

Question

위와 같이 ajax 호출 시 progressbar를 추가하였습니다.그런데 파일업로드가 되지않았는데 progressbar는 100%로 전환이 되더라구요..어떤 부분을 추가하거나 수정을 해야 정상적인 파일업로드에 대한 progressbar 동작이 되는걸까요?

드코 · Accepted Answer

원리를 잘 모르겠네요 파일업로드에 대한 진척률을 서버로부터 반환을 받아서 몇퍼센트인지 계산이 나오는걸까요??

드렁큰꼬부기 · Answer

네 맞습니다!드코님이 말씀하신 것처럼 구현을 하고 싶습니다.방법이 잘못된거면 조언 부탁드립니다.

HJOW · Answer

원래 jQuery AJAX 는 XMLHttpRequest (줄여서 XHR) 을 만들어서 호출을 대행해주는 API입니다.XMLHttpRequest 는 웹표준에 존재합니다. 이 XMLHttpRequest 를 jQuery 대신 내가 직접 만들어서XMLHttpRequest 에 원래부터 있는 onprogress 이벤트를 부여하는 방식입니다. 근데 그거 브라우저마다 다 동작 달라서 그리 신뢰할 수 없어요.그냥 로딩화면 (동글뱅이) 돌리는 게 편합니다. 정확하게 하려면 별도로 서버에 요청 보내서 진행상황을 응답 받아 와야 합니다. 주기적으로 해도 되고 웹소켓으로 해도 되구요

드렁큰꼬부기 · Answer

답변 감사합니다ㅠㅠ처음에 로딩화면으로 했다가 프로그래스로 바꾸라고 하셔서..계속 삽질하고 있었네욤..

ajax에서 progressbar 추가를 하고 싶습니다..

4개의 답변

#progressbar 목록