open:axupload5

uploadFileName:"files[]",           //{String} - 서버에 전송될 파일 파라미터 키이름
fileSelectAutoUpload:false,
jQuery(document.body).ready(function(){fnObj.pageStart()});

http://dev.axisj.com/samples/AXUpload5/
http://old.axisj.com/content/demo/AXUpload5.asp

사용법을 샘플페이지에서 확인해 본다. http://dev.axisj.com/samples/AXUpload5/index.html (따로 설명된 곳을 찾을 수 없다.)

전송중지 myUpload.cancelUpload()
선택삭제 myUpload.deleteSelect(null)
모두삭제 myUpload.deleteSelect('all')
Get Object fnObj.upload.printMethodReturn('getUploadedList', 'object')
Get Param fnObj.upload.printMethodReturn('getUploadedList', 'param')
Get Select Object fnObj.upload.printMethodReturn('getSelectUploadedList', 'object')
Get Select Param fnObj.upload.printMethodReturn('getSelectUploadedList', 'param')

snippet.javascript
	/**
	 * Require Files for AXISJ UI Component...
	 * Based		: jQuery
	 * Javascript 	: AXJ.js, AXUpload5.js
	 * CSS			: AXJ.css, AXButton.css, AXUpload5.css
	 */	
	var pageID = "manualUpload";
	var myUpload = new AXUpload5();
 
	var fnObj = {
		pageStart: function(){
 
			fnObj.upload.init();
		},
		upload: {
			init: function(){
				myUpload.setConfig({
					targetID:"AXUpload5",
					targetButtonClass:"Green",
					uploadFileName:"fileData",
 
                    fileSelectAutoUpload:false,
 
					file_types:"*.*",  //audio/*|video/*|image/*|MIME_type (accept)
					dropBoxID:"uploadQueueBox",
					queueBoxID:"uploadQueueBox", // upload queue targetID
					// html 5를 지원하지 않는 브라우저를 위한 swf upload 설정 원치 않는 경우엔 선언 하지 않아도 됩니다. ------- s
					flash_url : pageObj.host+"lib/swfupload.swf",
					flash9_url : pageObj.host+"lib/swfupload_fp9.swf",
					// --------- e
					onClickUploadedItem: function(){ // 업로드된 목록을 클릭했을 때.
						//trace(this);
						window.open(this.uploadedPath.dec() + this.saveName.dec(), "_blank", "width=500,height=500");
					},
 
					uploadMaxFileSize:(10*1024*1024), // 업로드될 개별 파일 사이즈 (클라이언트에서 제한하는 사이즈 이지 서버에서 설정되는 값이 아닙니다.)
					uploadMaxFileCount:5, // 업로드될 파일갯수 제한 0 은 무제한
					uploadUrl:"fileUpload.php",
					uploadPars:{userID:'tom', userName:'액시스'},
					deleteUrl:"fileDelete.php",
					deletePars:{userID:'tom', userName:'액시스'},
 
					fileKeys:{ // 서버에서 리턴하는 json key 정의 (id는 예약어 사용할 수 없음)
						name:"name",
						type:"type",
						saveName:"saveName",
						fileSize:"fileSize",
						uploadedPath:"uploadedPath",
						thumbPath:"thumbUrl" // 서버에서 키값을 다르게 설정 할 수 있다는 것을 확인 하기 위해 이름을 다르게 처리한 예제 입니다.
					},
 
					formatter: function(f){
						var po = [];
						po.push("<div id='"+this.id+"_AXUploadLabel_mainImageFile' class='AXUploadMainImage' >mainImage</div>");
 
						return po.join('');						
					},
 
					onUpload: function(){
						//trace(this);
						//trace("onUpload");
					},
					onComplete: function(){
						//trace(this);
						//trace("onComplete");
						$("#uploadCancelBtn").get(0).disabled = true; // 전송중지 버튼 제어
					},
					onStart: function(){
						//trace(this);
						//trace("onStart");
						$("#uploadCancelBtn").get(0).disabled = false; // 전송중지 버튼 제어
					},
					onDelete: function(){
						//trace(this);
						//trace("onDelete");
					},
					onError: function(errorType, extData){
						if(errorType == "html5Support"){
							//dialog.push('The File APIs are not fully supported in this browser.');
						}else if(errorType == "fileSize"){
							trace(extData);
							alert("파일사이즈가 초과된 파일을 업로드 할 수 없습니다. 업로드 목록에서 제외 합니다.\n("+extData.name+" : "+extData.size.byte()+")");
						}else if(errorType == "fileCount"){
							alert("업로드 갯수 초과 초과된 아이템은 업로드 되지 않습니다.");
						}
					}
				});
				// changeConfig
 
				// 서버에 저장된 파일 목록을 불러와 업로드된 목록에 추가 합니다. ----------------------------- s
				var url = "fileListLoad.php";
				var pars = "dummy="+AXUtil.timekey();
				new AXReq(url, {pars:pars, onsucc:function(res){
                    if(!res.error){
                        myUpload.setUploadedList(res);
                    }else{
                        alert(res.msg.dec());
                    }
				}});
				// 서버에 저장된 파일 목록을 불러와 업로드된 목록에 추가 합니다. ----------------------------- e
 
			},
			printMethodReturn: function(method, type){
				var list = myUpload[method](type);
				trace(list);
				toast.push(Object.toJSON(list));
			},
			changeOption: function(){
 
				// 업로드 갯수 등 업로드 관련 옵션을 동적으로 변경 할 수 있습니다. 
				myUpload.changeConfig({
					/*
					uploadUrl:"uploadFile.asp",
					uploadPars:{userID:'tom', userName:'액시스'},
					deleteUrl:"deleteFile.asp",
					deletePars:{userID:'tom', userName:'액시스'},
					*/
					uploadMaxFileCount:10
				});		
			}
		}
	};
	jQuery(document.body).ready(function(){fnObj.pageStart()});
 

  • open/axupload5.txt
  • 마지막으로 수정됨: 2020/06/02 09:25
  • 저자 127.0.0.1