웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ActiveX 멀티파일업로더 입니다.
2004.11.01 15:45
ActiveX 멀티파일업로더 입니다.
제로보드 뿐 아니라 다양한 프로그램에서
사용하실 수 있습니다.
혹시라도 필요하신분 있으면 가져다 쓰시고..
버그 같은거 있으면 알려주시면 감사하겠습니다. ^^
http://mfu.innorix.com/ 에서
제로보드에 적용한 데모를 보실 수 있습니다.
1. MFU 사용을 위한 스크립트 파일 로드
http://mfu.innorix.com/mfu.js 파일을 인클루드 합니다.
해당 js 파일은 MFU의 보다 쉬운 설정과 버젼 관리를
가능하게 해드립니다.
ex) <script src="http://mfu.innorix.com/mfu.js"></script>
2. MFU 컴포넌트의 호출
MFU 컴포넌트를 쓰고자 하는 위치에
MFUInit(최대파일크기, 파일하나당최대크기, 최대파일갯수, 넓이, 높이);
함수를 호출합니다.
파일 크기는 Kb 단위이며(1Mb = 1024Kb), 파일 크기와 갯수를 0 으로
지정할 경우 시스템이 허용하는 최대 크기로 설정 됩니다.
파일 크기와 갯수설정은 서버의 최대 업로드 허용량과 관계없이
클라이언트에서 지정하는 범위이며, 서버의 설정을 고려하여
설정하시기 바랍니다.
넓이와 높이를 지정하지 않을경우 자동으로 100% 로 지정이 되며
필요에 따라 % 또는 픽셀단위 설정이 가능합니다.
ex1) <script>MFUInit(5120, 1024, 5, 500, "90%")</script>
-> 최대파일크기 5메가, 파일하나당 최대크기 1메가, 최대파일갯수 5개
넓이는 500픽셀, 높이는 90%로 설정
ex2) <script>MFUInit(10240, 5012, 3)</script>
-> 최대파일크기 10메가, 파일하나당 5메가, 최대파일갯수 3개
넓이와 높이는 100% 로 설정
3. MFU의 환경변수 설정
다음 변수들을 통해 MFU로 업로드를 하기 위한 준비를 합니다.
변수들의 설정은 MFUInit(); 함수 호출 후 설정하셔야 합니다.
document.MFU.TargetUrl = "mfu.innorix.com";
-> 업로드가 실행되는 서버의 url 이나 ip 를 설정합니다.
document.MFU.ActionFilePath = "/bbs/write_ok.php";
-> 업로드를 실행할 파일을 설정합니다.
document.MFU.ListStyle = 1;
-> 파일 리스트가 보여질 방법을 설정합니다.
1~4 까지의 값을 가질수 있습니다.
document.MFU.ShowFullPath = "FALSE";
-> 파일 리스트에서 보여지는 파일명을 설정합니다.
TRUE일 때는 파일의 전체 경로를 보여줍니다.
FALSE일 때는 파일명만 보여줍니다.
document.MFU.ReturnURL = "http://mfu.innorix.com/bbs/zboard.php?id=mfutest";
-> 업로드 완료 후 보여질 경로를 설정합니다.
주소를 포함한 절대경로로 설정해야 하며,
상대경로 지정은 에러를 불러옵니다.
4. 파일을 서버로 전송하기
1) 폼 데이터와 같이 보내기
이 방법은 파일과 다른 데이터가 같이 보내지는 게시판이나 자료실등에
적합합니다.
form 을 submit 할때 MFUSubmit(form) 함수를 호출하는것으로 간단히
사용할 수 있습니다.
ex1) <form onSubmit="return MFUSubmit(this)">
만약 폼을 전송하기전에 폼 데이터를 체크하거나 특정한 동작이 필요하다면
다음과 같이 하실 수 있습니다.
ex2) <script>
function submitOk()
{
이곳에서 원하는 작업을 수행하십시오;
return MFUSubmit(document.board);
}
</script>
<form name="board" onSubmit="return MFUSubmit(this)">
MFUSubmit(form) 함수는 선택된 파일이 있을경우 false, 파일이 없을 경우
true를 리턴 함으로써, 파일이 없을때는 브라우저에 의한 폼데이터 전송을
실행합니다.
2) 파일만 업로드 하기
파일관리나 간이 웹하드등을 만들때 유용합니다.
파일만 업로드 할때는 MFU의 StartUpload 메소드 호출을 통해 이루어 집니다.
ex1) <input type="button" value="파일 업로드"
onClick="document.MFU.StartUpload();">
-> 이와 같이 링크나 onClick 이벤트 등을 통해 호출하실 수 있습니다.
StartUpload 메소드는 파일이 선택되어 있지 않을경우 아무런 동작을
하지 않습니다.
MFU의 CurrentFileCount 속성은 현재 선택된 파일의 갯수를 리턴합니다.
이 속성을 통해 다음과 같이 하실 수 있습니다.
ex2) <script>
funtion ChkUpload()
{
if (document.MFU.CurrentFileCount == 0) {
alert("파일을 선택하세요.");
} else {
document.MFU.StartUpload();
}
}
</script>
<input type="button" value="파일 업로드" onClick="ChkUpload();">
* 드림팀님에 의해서 게시물 이동되었습니다 (2004-11-01 20:10)
제로보드 뿐 아니라 다양한 프로그램에서
사용하실 수 있습니다.
혹시라도 필요하신분 있으면 가져다 쓰시고..
버그 같은거 있으면 알려주시면 감사하겠습니다. ^^
http://mfu.innorix.com/ 에서
제로보드에 적용한 데모를 보실 수 있습니다.
1. MFU 사용을 위한 스크립트 파일 로드
http://mfu.innorix.com/mfu.js 파일을 인클루드 합니다.
해당 js 파일은 MFU의 보다 쉬운 설정과 버젼 관리를
가능하게 해드립니다.
ex) <script src="http://mfu.innorix.com/mfu.js"></script>
2. MFU 컴포넌트의 호출
MFU 컴포넌트를 쓰고자 하는 위치에
MFUInit(최대파일크기, 파일하나당최대크기, 최대파일갯수, 넓이, 높이);
함수를 호출합니다.
파일 크기는 Kb 단위이며(1Mb = 1024Kb), 파일 크기와 갯수를 0 으로
지정할 경우 시스템이 허용하는 최대 크기로 설정 됩니다.
파일 크기와 갯수설정은 서버의 최대 업로드 허용량과 관계없이
클라이언트에서 지정하는 범위이며, 서버의 설정을 고려하여
설정하시기 바랍니다.
넓이와 높이를 지정하지 않을경우 자동으로 100% 로 지정이 되며
필요에 따라 % 또는 픽셀단위 설정이 가능합니다.
ex1) <script>MFUInit(5120, 1024, 5, 500, "90%")</script>
-> 최대파일크기 5메가, 파일하나당 최대크기 1메가, 최대파일갯수 5개
넓이는 500픽셀, 높이는 90%로 설정
ex2) <script>MFUInit(10240, 5012, 3)</script>
-> 최대파일크기 10메가, 파일하나당 5메가, 최대파일갯수 3개
넓이와 높이는 100% 로 설정
3. MFU의 환경변수 설정
다음 변수들을 통해 MFU로 업로드를 하기 위한 준비를 합니다.
변수들의 설정은 MFUInit(); 함수 호출 후 설정하셔야 합니다.
document.MFU.TargetUrl = "mfu.innorix.com";
-> 업로드가 실행되는 서버의 url 이나 ip 를 설정합니다.
document.MFU.ActionFilePath = "/bbs/write_ok.php";
-> 업로드를 실행할 파일을 설정합니다.
document.MFU.ListStyle = 1;
-> 파일 리스트가 보여질 방법을 설정합니다.
1~4 까지의 값을 가질수 있습니다.
document.MFU.ShowFullPath = "FALSE";
-> 파일 리스트에서 보여지는 파일명을 설정합니다.
TRUE일 때는 파일의 전체 경로를 보여줍니다.
FALSE일 때는 파일명만 보여줍니다.
document.MFU.ReturnURL = "http://mfu.innorix.com/bbs/zboard.php?id=mfutest";
-> 업로드 완료 후 보여질 경로를 설정합니다.
주소를 포함한 절대경로로 설정해야 하며,
상대경로 지정은 에러를 불러옵니다.
4. 파일을 서버로 전송하기
1) 폼 데이터와 같이 보내기
이 방법은 파일과 다른 데이터가 같이 보내지는 게시판이나 자료실등에
적합합니다.
form 을 submit 할때 MFUSubmit(form) 함수를 호출하는것으로 간단히
사용할 수 있습니다.
ex1) <form onSubmit="return MFUSubmit(this)">
만약 폼을 전송하기전에 폼 데이터를 체크하거나 특정한 동작이 필요하다면
다음과 같이 하실 수 있습니다.
ex2) <script>
function submitOk()
{
이곳에서 원하는 작업을 수행하십시오;
return MFUSubmit(document.board);
}
</script>
<form name="board" onSubmit="return MFUSubmit(this)">
MFUSubmit(form) 함수는 선택된 파일이 있을경우 false, 파일이 없을 경우
true를 리턴 함으로써, 파일이 없을때는 브라우저에 의한 폼데이터 전송을
실행합니다.
2) 파일만 업로드 하기
파일관리나 간이 웹하드등을 만들때 유용합니다.
파일만 업로드 할때는 MFU의 StartUpload 메소드 호출을 통해 이루어 집니다.
ex1) <input type="button" value="파일 업로드"
onClick="document.MFU.StartUpload();">
-> 이와 같이 링크나 onClick 이벤트 등을 통해 호출하실 수 있습니다.
StartUpload 메소드는 파일이 선택되어 있지 않을경우 아무런 동작을
하지 않습니다.
MFU의 CurrentFileCount 속성은 현재 선택된 파일의 갯수를 리턴합니다.
이 속성을 통해 다음과 같이 하실 수 있습니다.
ex2) <script>
funtion ChkUpload()
{
if (document.MFU.CurrentFileCount == 0) {
alert("파일을 선택하세요.");
} else {
document.MFU.StartUpload();
}
}
</script>
<input type="button" value="파일 업로드" onClick="ChkUpload();">
* 드림팀님에 의해서 게시물 이동되었습니다 (2004-11-01 20:10)
댓글 9
-
ps.구루
2004.11.01 22:21
-
미오유
2004.11.02 21:49
이거 Paran, Daum에서 대용량 파일 업로드 프로그램과 비슷하군요.
이걸 잘 사용하면 좋을 듯 합니다.
Paran는 업로드 프로그램이 이름에 Paran이라고 써있군요.
아참! 그리고 자바스크립트가 php와 연동 되나요? -
미오유
2004.11.02 21:54
MFU의 환경변수를 어디 다 넣어야 하나요? -
미오유
2004.11.02 21:58
근데요 업로드 하는 창이 제목이 없는데요.
제목 넣는 방법은요 -
오아요군
2004.11.02 22:08
OTL. 도저히.. -
by風
2004.11.03 08:54
ps.구루// 죄송합니다.-_- 가방끈이 짧아서요 -
by風
2004.11.03 08:59
미오유// http://mfu.innorix.com/으로 오시면 예제를 보실 수 있습니다.
거기서 소스보기를 하셔서 참고하시고 모르는 부분은 다시 질문해 주세요.
그리고.. 자바스크립트와 php 연동이랑은 별로 관계가 없을것 같은데요;
궁금하신 부분을 자세히 말씀해 주시면 다시 답변 드리겠습니다.
업로드하는 창의 제목이 없다는게 어떤 부분을 말씀하시는건지 잘 모르겠네요 ^^;
이 부분도 좀 더 구체적으로 말씀해 주실 수는 없을까요? -
박진욱
2004.11.03 14:11
회사에서도 멀티 업로드 쉽게 구현한다고 ActiveX 썼는데...
XP service pack2 때문에 문제가 ㅡ ㅁ ㅡㆀ
물론 인터넷 세부 설정에서 Active 관련 옵션을 변경하면 되지만
개인적으로 쓰기에는 아직 힘드네요.
진행를 확인할 수 있는 것이 좋네요.
아.. XP를 애용해서인지 보안 설정과 환상적인 ActiveX 관계가 정말 난감하네요.
아직 초보티를 벗어나지 못해서인가... 콜록.. 아무튼 앞으로도 좋은 프로그램 부탁합니다. -
신진희
2004.11.23 21:58
ps.구루// 풉... 이번주 받아쓰기는 잘했남유~~~??? ㅋㅋㅋㅋㅋ.
제목 | 글쓴이 | 날짜 |
---|---|---|
iFlower 윈도우리스 플래시 ActiveX 컨트롤 | 덴디 | 2004.11.16 |
ActiveX 플래시 이미지캡쳐 컨트롤 iFlower [1] | 덴디 | 2004.11.15 |
(수정)배경음악,연월일,시간, 코멘트 셋트.(AM,PM==>오전,오후 순,한국식으로 ...) [4] | 민피디 | 2004.11.10 |
홈페이지 나갈때 새창띄우기 [2] | piasol | 2004.11.07 |
ActiveX 멀티파일업로더 입니다. [9] | by風 | 2004.11.01 |
행복한고니님의 체크박스를 이미지로 사용하기를 보고... 체크박스옆에 텍스트 부치기 [2] | beMax | 2004.10.29 |
JavaScript 구문강조 효과내기 | 파우링 | 2004.10.28 |
모든 이미지, 텍스트 링크에 점선 없애기 [5] | 이강민 | 2004.10.25 |
XP2인지 체크하여 XP2일때는 팝업허용하라는 메시지 뛰워주기 [3] | 아돌 | 2004.10.19 |
멀티 파일다운로드 꼼수 (새창버전) [1] | 행복한고니 | 2004.10.14 |
배열 스크립트 종합선물세트 | 행복한고니 | 2004.10.12 |
체크박스를 이미지로 사용하기 [7] | 행복한고니 | 2004.10.10 |
Javascript + 플래시 칼라피커 [6] | 행복한고니 | 2004.10.08 |
자바스크립트로 구현한 윈도우 스타일.. [2] | 크래닉스 | 2004.10.07 |
웹페이지에서 단축키 사용 (Firefox) [2] | 전종화 | 2004.10.07 |
멀티 파일다운로드 꽁수로 구현하기 [1] | 행복한고니 | 2004.10.07 |
슬라이딩 메뉴 자바스크립트 [3] | 행복한고니 | 2004.09.21 |
메뉴 추가 삭제 수정시 쓰면 좋을것 같네요 - 출처: http://www.happyscript.com/ [1] | 예뜨락 | 2004.09.17 |
내홈피 즐겨찾기/새로고침/앞/뒤로가기 [4] | 팡이 | 2004.09.13 |
요일마다 바뀌는 상태바 인사 말~ [2] | Kasis | 2004.09.13 |
만든이의 국어 기본 상식이 궁금하군요.
하여튼 좋은 프로그램인듯 합니다.