> 웹 프론트엔드 > JS 튜토리얼 > FileUpload는 단일 파일 업로드를 구현합니다.

FileUpload는 단일 파일 업로드를 구현합니다.

php中世界最好的语言
풀어 주다: 2018-04-04 16:55:04
원래의
2224명이 탐색했습니다.

이번에는 단일 파일 업로드를 구현하는 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 페이징 구현( 자세한 그래픽 및 텍스트 설명)

AJAX 구현 새로 고침 데이터 페이징 없음

위 내용은 FileUpload는 단일 파일 업로드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿