새 XMLHttpRequest 객체가 Firefox에서 'onprogress'이벤트를 지원함을 발견했습니다. 새로운 HTML5 File API의 일부를 사용하여 서버 측 수정없이 업로드 진행률 표시 줄을 사용할 수 있습니까?HTML5 파일 업로드 진행 - 클라이언트 측 전용
답변
나는 아직 시도하지는 않았지만 원칙적으로 그렇다고 믿습니다.
XMLHttpRequest#send()
은 유니 코드 문자열을 가져 와서 UTF-8로 인코딩한다는 점에서 문제가 될 것입니다. 순수 바이너리를 보낼 수있는 기능을 제공하지는 않으며, 이미지와 같은 대부분의 바이너리 파일은 유효한 UTF-8 시퀀스가 될 수 없습니다.
아마도 FileAPI 사양이 "바이너리 문자열"(ISO-8859-1로 처리 된 바이트이므로 각 charCodeAt
은 바이트에 해당함)을 사용하고 UTF-8로 레코딩 한 것입니다. 이것은 평범한 파일 업로드보다 약 50 % 더 커질 것입니다. 진행 보고서를받는 것이 더 느린 업로드 가치가 있습니까?
(신의 브라우저가 업로드의 진행 방식을 보여주는 UI가 더 좋았다면 무한한 스크립팅/Flash/Java/ActiveX 넌센스가 필요 없었을 것입니다.) 브라우저 공급 업체에 와서 정보창에 진도 표시 줄이 너무 많이 묻는다면?)
AFAIK의 Chrome은 업로드 프로세스를 보여줍니다. 왼쪽 상태 표시 줄. 나는 잘 모르겠다.하지만 나는 Opera가 진행률 표시 줄에 업로드 진행률을 표시한다고 생각한다. –
인터넷 속도가 일반적으로 변동하기 때문에 정확성에 의문을 제기 할 수도 있지만 (유선이 아닌 경우) 이론 상으로는 그렇습니다. 그것은 아마도 많이 돌아 다닐 것입니다.
다시 말해 정확히 은 정확한 진행률 막대입니까? 온라인으로보기 전에 Windows에서 하나를보고 싶습니다!
더 많은 기능 : 프록시 서버가 원격 서버에 업로드를 완료하기 전에 클라이언트가 느린 연결 뒤에있는 HTTP 프록시를 사용하는 경우 클라이언트가 모든 데이터 방식을 완료 한 것입니다. –
- 1. 여러 진행 막대가있는 HTML5 파일 업로드
- 2. GWT - 클라이언트 측 파일 업로드
- 3. HTML5 : 진행 막대가있는 AJAX 파일 업로드
- 4. 클라이언트 측 전용 쿠키
- 5. 클라이언트 측 MD5 체크섬 파일 업로드
- 6. 서버 측 대 클라이언트 측 파일 해시
- 7. 클라이언트 측 파일 업로드 유효성 검사 (업로드 없음)
- 8. Struts : 진행 막대가있는 파일 업로드
- 9. 파일 업로드 - 진행 표시 줄?
- 10. 페이지 요청 전용 클라이언트 측 유효성 검사
- 11. 웹 페이지의 자바 스크립트 전용 파일 업로드
- 12. 이미지 크기, 파일 업로드 후 클라이언트 측 선택
- 13. HTML5 및 자바 스크립트가 포함 된 클라이언트 측 압축
- 14. HTML5 파일 API가 실제로 사용자를위한 파일 업로드 환경을 변경하게됩니까?
- 15. JS에서 처리기를 호출하여 파일 업로드 진행
- 16. ASP.Net MVC2에서 사용자 파일 업로드 진행 방법
- 17. 웹 클라이언트 업로드 파일 방법
- 18. 클라이언트 브라우저에서 Sharepoint로 파일 업로드
- 19. 파일 입력의 클라이언트 측 검사에 올바른 이미지 파일 형식이 있음
- 20. 업로드 진행 상황 Silverlight 4 RC 파일 업로드 : 방법?
- 21. HTML5 Geolocation, GPS 전용
- 22. 클라이언트 측 개발 - 진행 중/완료된 표시기 환경 설정?
- 23. 서버 측 - CouchDB 전용
- 24. C# 클라이언트와 서버 측 서버에 파일 업로드
- 25. 자바 스크립트를 사용하여 클라이언트 측 전용 매쉬업을 만들 수 있습니까?
- 26. GWT 클라이언트 측 자르기
- 27. Flex에서 클라이언트 측 Excel 파일 읽기
- 28. 동적 HTML 파일 만들기 (클라이언트 측)
- 29. HTML5 폼 필드 유효성 검사를위한 클라이언트 측 대체 기능은 무엇입니까?
- 30. html5 클라이언트 측 폼 유효성 검사 및 언어
클라이언트 측에서 작업하는 방법에 대한 자세한 내용은 http://www.html5rocks.com/en/tutorials/file/dndfiles/ –