> 웹 프론트엔드 > JS 튜토리얼 > jquery uploadify 업로드 files_javascript 기술에 대한 자세한 설명

jquery uploadify 업로드 files_javascript 기술에 대한 자세한 설명

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

하루 동안 온라인으로 검색한 결과 Uploadify의 유일한 단점은 중국어 버튼을 지원하지 않는다는 것입니다. 그 전에 Uploadify의 API를 살펴보고 모두가 언급하지 않은 몇 가지 매개 변수를 발견했습니다. 해결책. 이 문제의 핵심. (앞으로는 아무 일도 일어나지 않을 때 API를 확인하는 습관을 과감히 개발하겠습니다.)
Uploadify에는 버튼텍스트라는 매개변수가 있습니다. 어떻게 변경해도 플러그인이 트랜스코딩 방식을 사용하기 때문에 중국어를 지원하지 않습니다. 예, 디코딩 위치는 swf 파일에 있고 코드를 볼 수 없으므로 이 방법을 사용할 수 없습니다.
인터넷에서 거의 언급되지 않는 또 다른 매개변수는 버튼Img(버튼 이미지)입니다. 이때 플러그인과 함께 제공되는 검정색 플래시 브라우징 버튼을 자신의 이미지만 있으면 이미지로 완전히 대체할 수 있습니다. 중국어로 하면 중국어 버튼 문제가 해결되지 않나요? 이것을 추가하면 버튼 이미지 아래에 실제로 플래시에 의해 남겨진 흰색 영역이 있음을 알 수 있습니다. 흰색 영역은 마우스의 사용 가능한 범위를 나타냅니다. 이 범위는 너비와 높이로 조정될 수 있습니다. wmode 매개변수도 있습니다. 기본값은 불투명입니다. 투명으로 변경하면 흰색 영역이 투명해집니다. 다시 한번 말씀드린 방법을 이용하여 키 클릭 범위를 사진 크기만큼 크게 설정하시면 완전히 OK가 됩니다.

Uploadify의 사용법은 인터넷에 많이 나와 있지만 사용법은 다른 jquery 플러그인과 동일하며 단지 여러 파일의 배치 경로일 뿐입니다.
아래 첨부된 내용은 Uploadify의 일부 매개변수에 대한 소개입니다. 모든 내용을 보려면 일반적으로 다운로드한 패키지에 포함되어 있는 API 파일로 이동하세요.

uploader: uploadify.swf 파일의 상대 경로입니다. swf 파일을 클릭하면 파일 열기 대화 상자가 나타납니다. 기본값: uploadify.swf.
스크립트: 스풀러의 상대 경로입니다. 기본값: uploadify.php
checkScript: 업로드된 선택된 파일이 서버에 존재하는지 확인하는 데 사용되는 백그라운드 처리 프로그램의 상대 경로
fileDataName: 이름을 설정하고, 업로드된 파일은 이 이름을 기반으로 검색됩니다. 서버 처리 프로그램 데이터에서. 기본값은 Filedata
method: 제출 방법 Post 또는 Get입니다. 기본값은 Post
scriptAccess: 로컬 테스트를 위해 Always로 설정된 경우 기본값은 sameDomain폴더: 업로드된 파일이 저장되는 디렉터리입니다.
queueID: 파일 큐의 ID로, 파일 큐를 저장하는 div의 ID와 일치합니다.
queueSizeLimit: 여러 파일 생성이 허용되는 경우 선택한 파일 수를 설정합니다. 기본값: 999.
multi: true로 설정하면 여러 파일을 업로드할 수 있습니다.
auto: true로 설정하면 파일 선택 후 바로 업로드됩니다. false로 설정하면 업로드 버튼을 눌러야 업로드됩니다.
fileDesc: 이 속성 값은 fileExt 속성과 함께 설정되어야 합니다. 이는 파일 선택 대화 상자에서 프롬프트 텍스트를 설정하는 데 사용됩니다. 예를 들어 fileDesc가 "rar docpdf 파일을 선택하십시오"로 설정된 경우 파일 선택 상자를 여는 효과는 다음과 같습니다.
fileExt: '*.doc;*.pdf;*.rar'와 같이 선택할 수 있는 파일 유형을 설정합니다.
sizeLimit: 업로드된 파일의 크기 제한입니다.
simUploadLimit: 허용되는 동시 업로드 수 기본값: 1.
buttonText: 찾아보기 버튼의 텍스트, 기본값: BROWSE.
buttonImg: 버튼 이미지를 탐색하는 경로입니다.
hideButton: 찾아보기 버튼의 이미지를 숨기려면 true로 설정합니다.
롤오버: 값은 true와 false입니다. true로 설정하면 탐색 버튼 위로 마우스를 이동할 때 반전 효과가 나타납니다.
너비: 찾아보기 버튼의 너비를 설정합니다. 기본값: 110.
높이: 찾아보기 버튼의 높이를 설정합니다. 기본값: 30.
wmode: 이 항목을 투명하게 설정하면 찾아보기 버튼의 플래시 배경 파일이 투명해지며, 플래시 파일은 페이지의 최상위 수준에 배치됩니다. 기본값: 불투명.
cancelImg: 파일 대기열에서 파일을 선택한 후 각 파일의 닫기 버튼 아이콘

Uploadify에는 많은 매개변수, 유용한 메소드 및 콜백 함수가 모두 API에 포함되어 있지만 영어로 되어 있지만 이해하기 쉽기 때문에 여기서는 다루지 않겠습니다.

다음은 제가 사용한 코드입니다. 참고하시면 됩니다.

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

최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿