이번에는 단일 파일 업로드를 구현하는 FileUpload를 가져오겠습니다. 단일 파일 업로드를 구현하기 위한 FileUpload의 주의 사항은 무엇입니까?
jQuery.AjaxFileUpload.js는 ajax를 통해 파일을 업로드하기 위한 jQuery 플러그인입니다.
구문:
$.ajaxFileUpload([options])
options 매개변수 설명:
1, url 업로드 핸들러 주소.
2, fileElementId 업로드해야 하는 파일 필드의 ID, 즉 의 ID입니다.
3, secureuri 보안 제출 활성화 여부, 기본값은 false입니다.
4, dataType 서버가 반환한 데이터 유형입니다. xml, 스크립트, json, html이 될 수 있습니다. 채우지 않으면 jQuery가 자동으로 결정합니다.
5, 성공 제출 성공 후 자동으로 실행되는 처리 함수입니다. 매개변수 데이터는 서버에서 반환되는 데이터입니다.
6, 오류 제출 실패 시 자동으로 실행되는 처리 기능입니다.
7, 데이터 맞춤 매개변수. 업로드된 사진과 관련된 데이터가 있을 때 더욱 유용하게 사용됩니다.
8, type 사용자 정의 매개변수를 제출하려면 이 매개변수를 post
로 설정해야 합니다. 특징:
특정 HTML에 의존하지 않으며 "< INPUTTYPE= "file"만 지정하면 됩니다. >
응답할 때 서버가 특정 방식을 지정할 필요가 없습니다
대규모 파일 배치에서 작동 가능
샘플 코드:
-- 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'); } });
이 기사의 사례를 읽은 후 해당 방법을 마스터했다고 믿습니다. , 더 흥미로운 정보를 보려면 오세요. PHP 중국어 웹사이트의 다른 관련 기사를 팔로우하세요!
추천 도서:
HTML5+Ajax 파일 업로드 진행률 표시줄 표시(자세한 그래픽 및 텍스트 설명)
js ajax 페이징 구현( 자세한 그래픽 및 텍스트 설명)
위 내용은 FileUpload는 단일 파일 업로드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!