|
|
|
|
|
|
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;
-> 파일 리스트가 보여질 방법을 설정합니다.
<ListStyle 이 1일때>
<ListStyle 이 2일때>
<ListStyle 이 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>
function ChkUpload()
{
if (document.MFU.CurrentFileCount == 0) {
alert("파일을 선택하세요.");
} else {
document.MFU.StartUpload();
}
}
</script>
<input type="button" value="파일 업로드" onClick="ChkUpload();">
|
|
|
|
|
|
|
|
|
MFU 설치매뉴얼
