> 웹 프론트엔드 > JS 튜토리얼 > Uploadify 3.0 자세한 지침_jquery

Uploadify 3.0 자세한 지침_jquery

WBOY
풀어 주다: 2016-05-16 17:52:48
원래의
1009명이 탐색했습니다.

사용:

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

//바운드 인터페이스 요소
$("#gallery").uploadify({
다음과 같이 매개변수를 설정합니다.
}); 속성 설정:


코드 복사 코드는 다음과 같습니다. id: jQuery(this) . attr('id'),//바인딩된 입력의 ID
langFile: 'http://www.static-xxx.nu/uploader/uploadifyLang_en.js',//언어 패키지의 경로, 모든 프롬프트 텍스트를 설정할 수 있습니다
swf: 'http://www.static-xxx.nu/uploader/uploadify.swf',//[설정해야 함] swf 경로
uploader: '/uploadify/galleri. php' ,//[필수 설정] 파일 업로드 시 실행되는 URL
auto:false,//파일 선택 완료 후 자동 업로드 여부
buttonText:'Välj Filer',//업로드 버튼 텍스트
height: 30, //업로드 버튼의 높이와 너비
width: 120,
buttonCursor: 'pointer',//마우스 호버 업로드 후 커서 모양
cancelImage: '/ upload/201206/20120618142325932.png' ,//[필수 설정] 이미지 경로 취소
checkExisting:'/uploader/uploadify-check-existing.php',//업로드한 파일이 있는지 확인, Triggered URL, return 1/0
debug: true, //디버그 모드 켜기/끄기. 켜면 디버그 정보가 표시됩니다.
fileObjName:'file',
fileSizeLimit: 0,//The 파일의 크기 제한(바이트), 0은 제한되지 않습니다. 1MB:1*1024*1024
fileTypeDesc: 'Bild JPG',//업로드가 허용된 파일 형식에 대한 설명은 팝업 파일 선택 상자에 표시됩니다.
fileTypeExts: '*.jpg' ,//허용됨 업로드된 파일 형식은 팝업 파일 선택 상자에서 선택할 수 있는 파일을 제한합니다.
방법: 'post',//백그라운드와 상호작용하는 방법: post/get
multi: true,//여러 파일을 선택할 수 있는지 여부
queueID: 'fileQueue', //업로드 파일 대기열의 요소 ID를 표시합니다. div를 사용하여 간단히 표시할 수 있습니다.
queueSizeLimit: 999, // 대기열에 허용되는 최대 파일 수입니다.
progressData: 'all' , // 'percentage''speed''all'//대기열에 파일 업로드 진행률을 표시하는 방법: 전체 업로드 속도 백분율, 백분율, 속도-업로드 속도
removeCompleted: true,//업로드 성공 후 파일, 대기열에서 자동으로 삭제할지 여부
removeTimeout: 3,
requeueErrors: true,
postData : {}, //백그라운드와 상호작용할 때 추가 매개변수
preventCaching : true,
transparent: true,
successTimeout : 30, //업로드 시 시간 초과
uploadLimit:999//개 동시 업로드 가능한 파일


이벤트 설정 :


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

onDialogClose: function(swfuploadifyQueue) {//파일 선택 대화 상자가 닫힐 때 트리거됨
 if( swfuploadifyQueue.filesErrored > 0){
 alert( '큐에 추가된 경우'
swfuploadifyQueue.filesErrored
'n개 파일에서 오류가 발생했습니다.'
'오류 메시지:'
swfuploadifyQueue.errorMsg
'선택한 파일 수:'
swfuploadifyQueue.filesSelected
' n 대기열에 성공적으로 추가된 파일 수:'
swfuploadifyQueue.filesQueued
'n 대기열의 총 파일 수:'
swfuploadifyQueue.queueLength)
}
}
onDialogOpen: function() {//파일 선택 대화 상자가 열릴 때 트리거됩니다.
 alert( 'Open!')
}

onSelect : function(file) {//각 파일이 큐
  이후 트리거
에 추가됨 - 유형 : ' file.type
' - 생성 날짜 : ' file.creationdate
  - 수정 날짜 : ' file.modificationdate
' - 파일 상태 : ' file.filestatus);
}

onSelectError: function(file,errorCode,errorMsg) {//파일 선택 시 오류가 발생하면 트리거됩니다
 alert( 'id: ' file.id
  ' - 인덱스 : ' file.index
' - 파일명 : ' file.name
' - 파일 사이즈 : ' file.size
' - 타입 : ' file.type
' - 생성 날짜: ' file.creationdate
  - 수정 날짜: ' file.modificationdate
' - 파일 상태: ' file.filestatus
' - 오류 코드: ' errorCode
' - 오류 메시지: ' errorMsg) ;
}

onQueueComplete: function(stats) {//큐의 모든 파일이 업로드되면 트리거됩니다.
Alert( '성공적으로 업로드된 파일 수: ' stats.successful_uploads
' - 업로드 오류 파일 수: ' stats.upload_errors
' - 취소된 파일 수: ' stats.upload_cancelled
' - 오류가 발생한 파일 수 ' stats.queue_errors); >onUploadComplete : function (file,swfuploadifyQueue) {//큐의 각 파일이 업로드될 때마다 한 번씩 트리거
  Alert( 'id: ' file.id
  - Index: ' file.index
' - File 이름: ' file.name
' - 파일 크기: ' file.size
' - 유형: ' file.type
' - 생성 날짜: ' file.creationdate
' - 수정 날짜: ' file.modificationdate
  - 파일 상태: ' file.filestatus
' - 오류가 있는 파일 수: ' swfuploadifyQueue.filesErrored
' - 오류 메시지: ' swfuploadifyQueue.errorMsg
' - 파일 수 대기열에 추가됨: ' swfuploadifyQueue.filesSelected
' - 쿼리에 추가된 번호: ' swfuploadifyQueue.filesQueued
' - 대기열 길이: ' swfuploadifyQueue.queueLength)
}

onUploadError : function(file, errorCode,errorMsg,errorString,swfuploadifyQueue) {//파일 업로드 오류가 트리거됩니다(각 오류 파일에 대해 한 번씩 트리거됨)
 alert( 'id: ' file.id
  - Index: ' file. index
' - 파일 이름: ' file.name
' - 파일 크기: ' file.size
' - 유형: ' file.type
' - 생성 날짜: ' file.creationdate
' - 수정 날짜: ' file.modificationdate
' - 파일 상태: ' file.filestatus
' - 오류 코드: ' errorCode
' - 오류 설명: ' errorMsg
' - 간략한 오류 설명 : ' errorString
  - 오류가 발생한 파일 수: ' swfuploadifyQueue.filesErrored
' - 오류 메시지: ' swfuploadifyQueue.errorMsg
' - 대기열에 추가할 수: ' swfuploadifyQueue.filesSelected
' - 추가 반대 수량: ' swfuploadifyQueue.filesQueued
' - 대기열 길이: ' swfuploadifyQueue.queueLength);
}

onUploadProgress: function(file,fileBytesLoaded,fileTotalBytes,
queueBytesLoaded,swfuploadifyQueueUploadSize) { //
alert( 'id: ' file.id
  - 인덱스: ' file.index
  - 파일명: ' file.name
  - 파일 크기: ' file.size
' - 유형 : ' file.type
' - 생성 날짜 : ' file.creationdate
' - 수정 날짜 : ' file.modificationdate
' - 파일 상태 : ' file.filestatus
  ' - 현재 파일이 업로드되었습니다: ' fileBytesLoaded
' - 현재 파일 크기: ' fileTotalBytes
' - 대기열이 업로드되었습니다: ' queueBytesLoaded
' - 대기열 크기: ' swfuploadifyQueueUploadSize);

onUploadStart: function(file) {//업로드 시작 시 트리거됨(파일당 한 번씩 트리거됨)
 alert( 'id: ' file.id
  - Index: ' file.index
  ' - 파일명 : ' file.name
' - 파일크기 : ' file.size
' - 종류 : ' file.type
' - 생성날짜 : ' file.creationdate
' - 수정 날짜: ' file.modificationdate
  - 파일 상태: ' file.filestatus )
}

onUploadSuccess: function(file,data,response) {//업로드가 완료되면 트리거됩니다( 각 파일에 대해 한 번씩 발생)
 alert( 'id: ' file.id
  - 인덱스: ' file.index
  - 파일 이름: ' file.name
' - 파일 크기: ' file. size
' - 유형: ' file.type
' - 생성 날짜: ' file.creationdate
' - 수정 날짜: ' file.modificationdate
' - 파일 상태: ' file.filestatus
  - 서버측 메시지: ' data
  - 업로드 성공 여부: ' response)

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