Ajax를 사용하여 파일 업로드를 할 수 있습니까?

Ajax를 사용하여 파일 업로드를 할 수 있습니까?

저는 jQuery를 사용하고 싶지 않지만, Ajax를 사용하여 파일 업로드를 하고 싶습니다.그게 가능한가요?

그렇다면 어디에서 관련 정보/자습서를 찾을 수 있습니까?

아니요, 자바스크립트로는 이것을 할 수 없습니다.

그러나 'AJAX' 느낌을 주기 위해 숨겨진 iframe에 양식을 제출하고 스크립트 결과를 출력한 다음 거기서 처리할 수 있습니다.구글에서 시작하세요.

jQuery를 사용하는 경우 양식에 파일 필드가 있는 경우 이 iframe을 자동으로 생성합니다.저는 이걸 하기 위해 그것을 사용하지는 않았지만, 좋은 말을 들었습니다.

의견에서 지적한 것처럼 플래시를 사용하여 원하는 효과를 얻을 수도 있습니다.

누군가가 훨씬 나중에 이 질문을 찾을 경우: 네, 이것은 지금 자바스크립트로 가능합니다.

HTML5는 이를 위해 함께 사용하는 두 가지 새로운 API, 즉 드래그 앤 드롭 API와 파일 API를 정의했습니다.jQuery를 사용하여 업로드할 파일을 드래그 앤 드롭할 수 있도록 API와 효과적으로 상호 작용할 수 있습니다.

다음은 방법에 대한 튜토리얼입니다.

이 코드는 현재 Chrome 6+ 및 Firefox 3.6+, Safari 6 및 IE 10에서 작동합니다.Safari 5 지원이 필요한 경우 코드는 거의 그대로 유지되지만 업로드된 파일 목록 대신 FormData 개체를 사용합니다(자세한 내용은 게시물에 있음).

Opera는 11 시점에서 File API를 지원하지만 DnD API는 지원하지 않습니다. DnD API를 사용하면 Drop 작업이 업로드를 시작하지 않지만 API를 사용하여 파일에 액세스할 수 있도록 지원합니다.12월에 DnD API에 대한 지원을 마칠 것으로 예상됩니다.

01-20-14 업데이트:모든 주요 브라우저는 현재 모든 표준 API를 구현하므로 이 튜토리얼은 모든 브라우저에서 작동합니다.

나는 여러 Ajax와 같은 업로드(자바스크립트/플래시 기반)에 swupload를 사용합니다.

다음은 iframe을 사용하여 gmail이 어떻게 작동하는지에 대한 약간의 세부 사항입니다.

http://www.sajithmr.com/upload-files-like-gmail/

Java를 사용하고 있다고 가정하면 DWR 버전 3.0(현재 RC1)은 이진 파일 업로드/다운로드를 지원하므로 문제가 매우 쉽게 발생합니다.저는 아직 이것을 시도해 볼 기회가 없었지만, 우리는 DWR을 광범위하게 사용하여 완전한 성공을 거두었습니다. 그것은 훌륭한 Ajax 툴킷입니다.

http://directwebremoting.org/blog/joe/2008/12/16/dwr_version_3_0_release_candidate_1.html

엄밀히 말하면 실제 AJAX 파일 업로드를 수행할 수 있지만 이는 Firefox 3+, Safari 4 및 Chrome 2에서만 가능합니다.다른 모든 브라우저에서는 iframe 기술이나 플래시 기반 업로더와 같은 해결 방법을 사용해야 합니다.

개인적으로 사용한 적은 없지만 최근에 알게 된 Ajax Uploader는 업데이트 패널 내에서 파일 업로드를 수행할 수 있다는 구성 요소입니다(ASP를 사용하는 경우).NET).

언급URL : https://stackoverflow.com/questions/543926/is-it-possible-to-use-ajax-to-do-file-upload