웹마스터 팁

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)
제목 글쓴이 날짜
Javascript + 플래시 칼라피커 [6] 행복한고니 2004.10.08
체크박스를 이미지로 사용하기 [7] 행복한고니 2004.10.10
배열 스크립트 종합선물세트 행복한고니 2004.10.12
멀티 파일다운로드 꼼수 (새창버전) [1] 행복한고니 2004.10.14
XP2인지 체크하여 XP2일때는 팝업허용하라는 메시지 뛰워주기 [3] 아돌 2004.10.19
모든 이미지, 텍스트 링크에 점선 없애기 [5] 이강민 2004.10.25
JavaScript 구문강조 효과내기 파우링 2004.10.28
행복한고니님의 체크박스를 이미지로 사용하기를 보고... 체크박스옆에 텍스트 부치기 [2] beMax 2004.10.29
ActiveX 멀티파일업로더 입니다. [9] by風 2004.11.01
홈페이지 나갈때 새창띄우기 [2] piasol 2004.11.07
(수정)배경음악,연월일,시간, 코멘트 셋트.(AM,PM==>오전,오후 순,한국식으로 ...) [4] 민피디 2004.11.10
ActiveX 플래시 이미지캡쳐 컨트롤 iFlower [1] 덴디 2004.11.15
iFlower 윈도우리스 플래시 ActiveX 컨트롤 덴디 2004.11.16
자바스크립트 암호화 [5] 손상모 2004.11.18
로딩중인 페이지에 효과넣기 [4] LUFFY 2004.11.20
이미지 를 브라우져에서 내맘데로 옮겨두기 [8] piasol 2004.12.03
이제 미디어플레이어는 가라? 곰플레이어로 실시간으로 감상하자. [13] ⓣing★™ 2004.12.05
홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] Multi_Taeji 2004.12.10
마우스를 대면 이미지가 바뀐다. 롤오버 이미지 [3] 하진 2004.12.19
개판 오분전 빙고 [2] 미친개 2004.12.30