>웹 프론트엔드 >JS 튜토리얼 >jQuery 비동기 파일 업로드 플러그인 ajaxFileUpload_jquery에 대한 자세한 소개

jQuery 비동기 파일 업로드 플러그인 ajaxFileUpload_jquery에 대한 자세한 소개

WBOY
WBOY원래의
2016-05-16 15:58:251222검색

1. ajaxFileUpload는 비동기식 파일 업로드를 위한 jQuery 플러그인입니다.

모르는 버전을 올려주시면 앞으로는 여기저기서 찾아보실 필요가 없습니다.

구문: $.ajaxFileUpload([옵션])

옵션 매개변수 설명:

1.url 핸들러 주소를 업로드합니다. ​
2. fileElementId    업로드해야 하는 파일 필드의 ID, 즉 의 ID입니다.
3. secureuri 보안 제출 활성화 여부, 기본값은 false입니다.
4. dataType 서버가 반환한 데이터 유형입니다. xml, 스크립트, json, html이 될 수 있습니다. 채우지 않으면 jQuery가 자동으로 결정합니다.
5. 성공은 제출 성공 후 자동으로 실행되는 처리 기능입니다. 매개변수 데이터는 서버에서 반환되는 데이터입니다.
6. 오류 제출이 실패할 경우 자동으로 실행되는 처리 기능입니다.
7. 데이터 맞춤 매개변수. 업로드한 이미지와 관련된 데이터가 있을 때 더욱 유용하게 사용됩니다.
8, 유형 맞춤 매개변수를 제출하려면 이 매개변수를 post로 설정해야 합니다

오류 메시지:

1, 구문 오류: 구문 오류 이전;
이 오류가 발생하면 해당 URL 경로에 접근이 가능한지 확인이 필요합니다
2. SyntaxError: 구문 오류
이 오류가 발생하면 제출 작업을 처리하는 서버 백그라운드 핸들러에 구문 오류가 있는지 확인해야 합니다
3. SyntaxError: 잘못된 속성 ID 오류
이 오류가 발생하면 텍스트 필드 속성 ID가 존재하는지 확인해야 합니다
4. SyntaxError: XML 표현식 오류
에 }가 없습니다. 이런 오류가 발생하면 파일명이 일치하는지, 존재하지 않는지 확인이 필요합니다
5. 기타 사용자 정의 오류
$error 변수를 사용하여 각 매개변수가 올바른지 확인하기 위해 직접 인쇄할 수 있습니다. 이는 위의 잘못된 오류 메시지보다 훨씬 편리합니다.

사용법:

1단계: 먼저 jQuery 및 ajaxFileUpload 플러그인을 소개합니다. 말할 필요도 없이 순서에 주의하세요. 이는 모든 플러그인에 해당됩니다.

코드 복사 코드는 다음과 같습니다.



2단계: HTML 코드:

코드 복사 코드는 다음과 같습니다.




업로드가 완료되었습니다.




3단계: JS 코드
코드 복사 코드는 다음과 같습니다.