웹에서 파일 업로드 진행률 표시줄을 구현하는 방법은 무엇입니까?
저는 사용자들이 제 웹 애플리케이션에 파일을 업로드하는 동안 애니메이션 gif를 더 의미 있는 것으로 표시하고 싶습니다.내게 어떤 가능성이 있습니까?
편집: 을 사용합니다.인터넷이지만 누군가 플랫폼에 구애받지 않는 버전을 보여줘도 상관없습니다.
이 모든 것이 일반적으로 클라이언트 사이트에서 어떻게 작동하는지 관심이 있다면 다음과 같습니다.
모든 솔루션은 Javascript를 통해 양식을 연결하고 양식 대상을 새로 만든 보이지 않는 IFRAME으로 변경합니다. 그러면 AJAX를 사용하여 서버에서 파일에 대한 상태를 요청할 수 있습니다.
IFRAME 트릭은 파일이 완전히 업로드될 때 요청이 완료될 때까지 업로드를 수행하는 창에서 실행 중인 모든 스크립트가 중단되기 때문에 필요합니다.
다음은 일반적인 JavaScript 툴킷에서 찾고 있는 몇 가지 버전입니다.
- 무툴즈 - http://digitarald.de/project/fancyupload/
- Extjs - http://extjs.com/learn/Extension:UploadForm
실시간 진행률 표시줄을 사용한 ASP.NET 파일 업로드
http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html
저는 다양한 기술을 시도했고 SWF 업로드로 가장 큰 성공을 거두었습니다.
Javascript를 사용하여 SWFUload 개체를 만들고 상호 작용하지만 파일 선택, 업로드 및 업로드 진행률 모니터링에는 (숨겨진) 플래시 파일을 사용합니다.다양한 Javascript 이벤트 핸들러를 지정할 수 있습니다(uploadStarted,uploadProgress,uploadError업로드 진행 중에 플래시가 호출하여 매우 유연하게 처리할 수 있습니다.또한 파일 대기열을 구현하므로 단일 또는 여러 파일에 적합합니다.
링크:
좋아요.진행 표시줄을 수행하기 위한 NET 관련 도움말은 지난 7월과 8월 Dino Esposito의 MSDN Magazine 기사에서 확인할 수 있습니다.
AJAX를 통한 상황별 피드백(07년 7월)
ASP를 사용하여 서버 작업을 취소합니다.NET AJAX(07년 8월)
Ajax를 사용하지 않고 이를 수행하는 좋은 예는 Nilesh Thakkar의 Code Project에서 제공됩니다.
jQuery UI 진행률 표시줄 - http://jqueryui.com/demos/progressbar/
언급URL : https://stackoverflow.com/questions/49564/how-to-implement-file-upload-progress-bar-on-web
'programing' 카테고리의 다른 글
| 주피터 노트북을 신뢰할 수 없습니다. (0) | 2023.08.24 |
|---|---|
| 스위프트에서 @objc를 언제 사용해야 합니까? (0) | 2023.08.24 |
| VBA를 사용하여 셀에 공식을 입력하는 방법은 무엇입니까? (0) | 2023.08.24 |
| 도커 파일에서 이미지 이름을 설정하는 방법은 무엇입니까? (0) | 2023.08.24 |
| 함수로 인해 발생한 Oracle 11의 테이블 돌연변이 (0) | 2023.08.24 |