단일 파일에 대한 Ajax 파일 업로드 라이브러리를 구현하기 위한 AjaxFileUpload에 대한 심층 분석

jQuery.AjaxFileUpload.js는 ajax를 통해 파일을 업로드하기 위한 jQuery 플러그인입니다. 이 기사에서는 단일 파일에 대한 Ajax File Upload 라이브러리를 구현하는 AjaxFileUpload를 소개합니다. 이에 관심이 있는 친구들은 함께 배울 수 있습니다.

jQuery.AjaxFileUpload.js는 ajax를 통해 파일을 업로드하기 위한 jQuery 플러그인입니다.

구문:

$.ajaxFileUpload([options])

options 매개변수 설명:

1, url　　　　 업로드 핸들러 주소. ​

2, fileElementId​​​ 업로드해야 하는 파일 필드의 ID, 즉 의 ID입니다.

3, secureuri　　　 secure 제출 활성화 여부, 기본값은 false입니다.

4, dataType　　　 서버가 반환한 데이터 유형입니다. xml, 스크립트, json, html이 될 수 있습니다. 채우지 않으면 jQuery가 자동으로 결정합니다.

5, 성공 제출 성공 후 자동으로 실행되는 처리 기능입니다. 매개변수 데이터는 서버에서 반환되는 데이터입니다.

6, 오류　　　　 제출 실패 시 자동으로 실행되는 핸들링 기능입니다.

7, 데이터 　　　　 맞춤 매개변수입니다. 업로드한 이미지와 관련된 데이터가 있을 때 더욱 유용하게 사용됩니다.

8, type 사용자 정의 매개변수를 제출하려면 이 매개변수를 post로 설정해야 합니다

특징:

특정 HTML에 의존하지 않으며 "< INPUTTYPE= " 파일만 제공하면 됩니다. ">

서버가 특정 방식으로 응답할 필요가 없습니다

대규모 파일 배치에서 작동 가능

샘플 코드:

-- Use as little as --
$('#one-specific-file').ajaxfileupload({
'action': '/upload.php'
});
-- or as much as --
$('input[type="file"]').ajaxfileupload({
'action': '/upload.php',
'params': {
'extra': 'info'
},
'onComplete': function(response) {
console.log('custom handler for file:');
alert(JSON.stringify(response));
},
'onStart': function() {
if(weWantedTo) return false; // cancels upload
},
'onCancel': function() {
console.log('no file selected');
}
});

AjaxFileUpload에 대해 Ajax 파일 업로드 라이브러리를 구현합니다. 단일 파일 소개해 드릴게요. 도움이 되셨으면 좋겠습니다!

관련 추천:

Ajax 요청 및 필터 협력 사례에 대한 자세한 설명

Ajax는 매개변수가 너무 긴 문제를 빠르게 해결합니다. 성공적으로 제출할 수 없습니다

Ajax 제출 양식 양식 페이지가 계속해서 새로 고쳐집니다. j 솔루션

위 내용은 단일 파일에 대한 Ajax 파일 업로드 라이브러리를 구현하기 위한 AjaxFileUpload에 대한 심층 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!