2011-05-15 2 views
3

사용자가 두 번째 추가 단계를 수행 할 필요없이 파일을 선택한 후 바로 업로드 프로세스를 시작하는 <input type="file"> 양식 요소를 원합니다. "업로드"를 클릭하십시오."업로드"를 클릭하지 않고 jQuery를 사용하여 파일 업로드

파일을 선택하면 즉시 파일 업로드 프로세스를 시작하고 실제로 파일 전송을 비동기 적으로 실행할 수 있습니까?

EDIT : Uploadify는 플래시를 업로드해야한다는 점을 제외하면 멋지게 보입니다. 나는 가능하면 그것을 피하려고 노력하고 싶습니다. 파일을 업로드하기 위해 플래시를 요구하면 사진을 온라인으로 얻으려고하는 사람들에게 장애물이 될 수 있습니다. 내 타겟 웹 사이트 잠재 고객은 인터넷, 양식 등 많은 경험이없는 사람들입니다. 가능한 한 간단하게 프로세스를 만들려고합니다.

답변

4

당신은 어떤 라이브러리가 필요하지 않습니다. id가있는 숨겨진 iframe을 만듭니다 (표시 : 숨김, 표시하지 않음 : 없음). 그런 다음 업로드 양식의 대상 속성을이 iframe으로 설정합니다. 평소대로 양식 제출을 시작하십시오.

+0

양식 업로드 입력에 바인딩 할 수 있다고 생각합니다. 보안 제한으로 인해 내용을 읽을 수 없지만 방아쇠가 발생했다는 것을 알 수 있습니다. 이것은 Gmail 이메일 첨부 파일이 유사한 방식으로 작동하기 때문에 가능합니다. –

+0

이것은 갈 길과 같습니다. Uploadify는 플래시를 기반으로하므로 생각하지 않아도됩니다. 파일 양식 요소를 "onchange"이벤트로 설정하여 양식 제출을 트리거하여 IFRAME에 파일을 게시 할 수 있습니다. 감사. 조금 익숙하지 않지만 jQuery를 통해 양식 데이터를 기본적으로 게시 할 수 없으므로이 해결 방법이 최상의 선택 인 것 같습니다. – Scott

관련 문제