이전
목록
다음
개

swf오픈소스을 이용한 업로드 간단설명~(확장자 구분)

개발조각사
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2010-12-08 (수) 10:15:03 · 4996
엑티브 을 이용하여 업로드에서 일본쪽에서 엑티브 사용안한다고

swf오픈 소스을 이용하여 업로드구현

단 zip 파일만 업로드



기본적인것만 작성했음~



1. 오픈swf업로드 이용

2. zip 파일만 허용





http://swfupload.org/ <= swf업로드 다운받는 사이트 ~







css : swfupload 의 css부분

images : swfupload 의 버튼이미지

js : fileprogress.js : 진행바및 상태창 관련

handlers.js : 화면에 출력되거나 파일이 아니거나 하는 alert 창 메세지을 제어하는 스크립트

swfupload : 이 부분은 손을 만지지 않았다



===================

mediaupload.jsp



<html>
<head>
<title>:: test ::</title>

<!-- 업로드 스크립트 경로지정-->
<link href="./css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=strCommonPath%>/media/swfupload/swfupload.js"></script>
<script type="text/javascript" src="<%=strCommonPath%>/media/swfupload/swfupload.queue.js"></script>
<script type="text/javascript" src="<%=strCommonPath%>/media/js/fileprogress.js"></script> <!-- 진행바및 상태창 관련 -->
<script type="text/javascript" src="<%=strCommonPath%>/media/js/handlers.js"></script> <!-- 이벤트 관련 -->
<script type="text/javascript">

var swfu;

window.onload = function() {
var settings = {

flash_url : "/mydocuhut/common/media/swfupload/swfupload.swf",
flash9_url : "/mydocuhut/common/media/swfupload/swfupload_fp9.swf",
upload_url: "jp/mediaup", //해당액션부분지정 <= 난 jp/mediaup 이란 서블릿명을 지정
//post_params: {"param0" : "teos"}, //파일 이외의 파라미터를 보낼때

//이부분은 기본적으로 바뀌지 않는 고정값등을 이부분에서 넣어줄수 있다.
post_params: {"upkind" : document.upFrm.upkind.value
, "idxnum" : "3"

},
file_size_limit : "5120 MB",
file_types : "*.zip", //이부분에 업로드할 확장자을 지정할 수 있다.
file_types_description : "All Files",
//file_types : "*.jpg;*.gif;*.png;*.jpeg",
//file_types_description : "jpg, gif, png, jpeg",//"All Files",
file_upload_limit :1, //최대 첨부 파일 수
file_queue_limit : 0,
custom_settings : {
progressTarget : "fsUploadProgress", //body부분에서 뿌려질 id명이다.
cancelButtonId : "btnCancel"
},
debug: false, //true일경우 debug창이 열린다.

// 버튼 셋팅
button_width: "80",
button_height: "22",
button_placeholder_id: "spanButtonPlaceHolder", //플레쉬로 교체될 DOM 엘리먼트
button_image_url: "/mydocuhut/common/media/images/searchbutton.gif", //플레쉬로 보여줄 버튼 이미지

//button_text: '<span class="theFont">파일찾기..</span>',
//button_text_style: ".theFont { background-color:red; font-size:13px; }",
//button_text_left_padding: 12,
//button_text_top_padding: 3,

button_action : SWFUpload.BUTTON_ACTION.SELECT_FILES,
button_disabled : false,
button_cursor : SWFUpload.CURSOR.HAND,
button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT


// The event handler functions are defined in handlers.js

,swfupload_preload_handler : preLoad
,swfupload_load_failed_handler : loadFailed

,file_queued_handler : fileQueued //파일을 선택후 목록에 올린다.
,file_queue_error_handler : fileQueueError
,file_dialog_complete_handler : fileDialogComplete //전송 시작

,upload_start_handler : uploadStart //upload 시작?을때
,upload_progress_handler : uploadProgress
,upload_error_handler : uploadError
,upload_success_handler : uploadSuccess
,upload_complete_handler : uploadComplete
,queue_complete_handler : queueComplete // Queue plugin event

};

swfu = new SWFUpload(settings);

};

// 업로드 시작
function fileDialogComplete_mn() {
try {
/*

업로드 전에 이벤트는 이부분에 입력

널값 체크 등등

*/

//추가 파라미터나 업로드시 넘길 파라미터을 지정
swfu.addPostParam("media_title",document.upFrm.media_title.value);
swfu.startUpload(); //업로드
} catch (ex) {
swfu.debug(ex);
}
}
</script>
<!-- 업로드 스크립트 끝 -->

<body>



<form name="upFrm" action="jp/mediaup" method="post" encType="multipart/form-data">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td height="25" align="center" bgcolor="#E8E8E8" class="gray"><strong>제목
<font color="red"><sup>*</sup></font>
</strong></td>
<td> </td>
<td><input size="40" type="text" name="media_title" style="border : 1 solid #6b6b6b; width:270px; height:20px"></td>
</tr>

<tr>

<div id="divStatus"> - 0 Files Uploaded <!-- handlers.js 에서 컨트롤 한다. --></div>
<div class="fieldset flash" id="fsUploadProgress">
<span class="legend">업로드파일</span>
</div> //업로드 파일명 및 flash바 상태을 화면에 출력하는 부분

<span id="spanButtonPlaceHolder"></span> //찾아보기 버튼불러오기



<td height="20" align="center" background="<%=strLangPath%>/img1/bg3.gif" align="center" valign="center" colspan="3">
<input id="btnSubmit" type="button" value="업로드" onclick="fileDialogComplete_mn();" style="margin-center: 2px; font-size: 8pt; height: 20px;" />
<input id="btnCancel" type="button" value="닫기" onclick="javascript:self.close()" style="margin-center: 2px; font-size: 8pt; height: 20px;" />
</td>

</tr>

</table>

</form>

</body>

</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
#개발자팁 #개발자 #팁자료실 #flash
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-12-15 조회 2,111
10-12-14 조회 1,920
10-12-14 조회 2,186
10-12-14 조회 1,709
10-12-14 조회 2,164
10-12-14 조회 2,249
10-12-14 조회 2,084
10-12-14 조회 1,954
10-12-14 조회 2,448
10-12-14 조회 2,022
10-12-13 조회 2,143
10-12-13 조회 2,109
10-12-13 조회 1,977
10-12-13 조회 2,059
10-12-13 조회 2,069
10-12-13 조회 2,421
10-12-13 조회 1,845
10-12-13 조회 2,037
10-12-12 조회 2,133
10-12-12 조회 2,133
10-12-12 조회 1,972
10-12-12 조회 2,532
10-12-11 조회 2,005
10-12-11 조회 2,491
10-12-10 조회 2,745
10-12-10 조회 2,228
10-12-10 조회 2,135
10-12-10 조회 2,036
10-12-10 조회 1,999
10-12-10 조회 2,496
10-12-09 조회 2,145
10-12-09 조회 1,933
10-12-09 조회 2,433
10-12-09 조회 3,633
10-12-09 조회 2,193
10-12-09 조회 2,341
10-12-09 조회 2,419
10-12-09 조회 2,206
10-12-08 조회 2,146
10-12-08 조회 2,322
10-12-08 조회 2,182
10-12-08 조회 2,154
10-12-08 조회 3,613
10-12-08 조회 3,016
10-12-08 조회 7,320
10-12-08 조회 2,537
10-12-08 조회 2,857
10-12-08 조회 3,159
10-12-08 조회 4,997
10-12-08 조회 4,258
10-12-08 조회 3,249
10-12-08 조회 2,813
10-12-08 조회 5,340
10-12-08 조회 2,358
10-12-07 조회 2,184
10-12-07 조회 2,200
10-12-07 조회 2,277
10-12-07 조회 2,374
10-12-06 조회 2,135
10-12-06 조회 2,117
10-12-06 조회 2,229
10-12-06 조회 2,022
10-12-06 조회 2,122
10-12-06 조회 1,833
10-12-05 조회 5,851
10-12-05 조회 2,152
10-12-04 조회 1,804
10-12-04 조회 2,502
10-12-04 조회 2,297
10-12-04 조회 2,522
10-12-03 조회 2,066
10-12-03 조회 2,188
10-12-03 조회 2,231
10-12-03 조회 2,141
10-12-03 조회 1,986
10-12-03 조회 2,113
10-12-03 조회 2,310
10-12-03 조회 2,073
10-12-03 조회 2,040
10-12-03 조회 1,896
10-12-03 조회 2,114
10-12-03 조회 1,905
10-12-03 조회 1,994
10-12-03 조회 1,951
10-12-03 조회 1,961
10-12-03 조회 1,911
10-12-02 조회 1,943
10-12-02 조회 2,023
10-12-02 조회 2,143
10-12-02 조회 2,162
10-12-02 조회 1,906
10-12-02 조회 2,114
10-12-02 조회 1,872
10-12-02 조회 3,096
10-12-02 조회 2,113
10-12-02 조회 1,946
10-12-01 조회 2,111
10-12-01 조회 1,912
10-12-01 조회 2,221
10-12-01 조회 1,937
글쓰기