jquery 플러그인 ocupload의 원클릭 업로드 방법

이 글은 주로 jquery 플러그인 ocupload의 원클릭 업로드 방법을 공유합니다. 참고할 만한 가치가 있어 모두에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.

jquery ocupload(원클릭 업로드) 사용법:

<!-- 导入jquery核心类库 -->
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<!-- 导入文件上传的ocupload -->
<script type="text/javascript" src="../../js/ocupload/jquery.ocupload-1.1.2.js"></script>

jquery ocupload 원클릭 업로드 원칙:

양식의 enctype 속성은 multipart/form-입니다. 데이터의 경우 양식 제출 방법은 양식에 입력 상자가 있습니다.- 양식이 제출되면 onChange 이벤트 모니터링을 사용하세요. 내부에 숨겨진 iframe이 구현되었습니다. 새로 고침 페이지 파일 업로드가 없습니다.

jquery Ocupload의 첫 페이지 쓰기:

$("#button-import").upload({
	//name 默认为file
	action : 文件上传的后台路径,
	onSelect : function(){
	    //选中文件关闭自动提交
	    this.autoSubmit = false;
	    //判定文件格式
	    var filename = this.filename();
	    var regex = 通过文件后缀名规定文件类型的正则;
	    if(regex.test(filename)) {
	        //满足正则表达式
	        this.submit();
	    }else{
	        $.messager.alert("警告！","..","warning");
	    }
	},
	onComplete : function(response){
	    alert("上传成功...");
	}
});

백그라운드 페이지는 업로드된 파일을 수신하고 구문 분석합니다.

관련 권장 사항:

【JavaScript】——원클릭 업로드 플러그인

jquery ocupload 원클릭 파일 업로드 애플리케이션

jQuery 플러그인 사용 OCUpload 원클릭 업로드

위 내용은 jquery 플러그인 ocupload의 원클릭 업로드 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!