|
|
|
 |
| |
 |
Home > Products >DEXTUpload.NET Professional >코드샘플 |
|
|
 |
| |
|
|
 |
|
|
 파일
업로드 기본 |
| 1. 간단한 파일업로드 |
|
|
전송할
Form이 있는 페이지(SimpleUpload.aspx)는 다음과 같은 형태로 작성된다.
[SimpleUpload.aspx]
<%@ Page ... %>
<HTML>
<BODY>
<FORM NAME= "writeform" METHOD= "post"ACTION="SU_Process.aspx?ProgressID=0"
ENCTYPE="multipart/form-data">
<INPUT TYPE="file" NAME="file1"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
Form tag에 지정된 ENCTYPE="multipart/form-data" 는 파일데이터<input
type= "file">를 포함하고 있는 폼을 전송하기 위해서 반드시 필요한 속성으로서 생략될 수 없다.
다음은 실제로 파일 업로드 등의 작업을 수행하는 페이지(SimpleUpload.aspx)이다.
[SU_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
fileUpload.Save();
// fileUpload["file1"].Save(); <-- 같은 구문
// fileUpload["file1"][0].Save(); <-- 같은 구문
}
}
…
위 코드에 따라 업로드된 파일은 디폴트 경로인 "c:\"에 저장된다. 디폴트 경로를 바꾸고 싶으면 개체 생성코드 다음 위치에 uploadform.DefaultPath
= "c:\temp" 와 같은 코드를 넣어주면 된다. uploadform.Save는
업로드된 파일을 서버에 디스크파일 형태로 저장하는 것으로 uploadform("file1") .Save와 같다.
여기서 "file1"은 <INPUT TYPE="file" NAME="file1">에서의
NAME속성에 해당되는 이름과 같아야 한다. Save함수들에 대한 자세한 설명은 아래에 있는 "다양한 Save Method들" 장에 기술되어
있다.
※ 아래 "Multiple Upload" 예제에서 처럼 <INPUT TYPE= "file"...>항목이 여러 개일 경우,
uloadform.Save, uploadform.SaveAs, uploadform.SaveVirtual,
uploadform.SaveAsVirtual, uploadform.SaveAsBlob,
uploadform.FileLen, uploadform.FileName,
uploadform.FilePath, uploadform.MimeType 과 같은
표현은 모두 uploadform("file1").xxx 와 동일한 표현이며, 여러 개의 <<INPUT
TYPE="file"...>항목 중 첫 번째 파일항목을 가리킨다. |
|
| |
| 2. 다중파일 업로드 |
|
|
다음
예제는 여러 개의 파일을 동시에 업로드하는 방법을 보여주고 있다.
[MultipleUpload.aspx]
<%@ Page ... %>
<HTML>
<BODY>
<FORM NAME= "writeform" METHOD= "post"ACTION="MU_Process.aspx?ProgressID=0"
ENCTYPE="multipart/form-data">
<INPUT TYPE="file" NAME="file1"><BR>
<INPUT TYPE="file" NAME="file2"><BR>
<INPUT TYPE="file" NAME="file3"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
[MU_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
fileUpload[“file1”].Save();
fileUpload[“file2”].Save();
fileUpload[“file3”].Save();
}
}
…
업로드된 파일들에 대한 참조는 "file1", "file2", "file3"와 같은 NAME 속성값들을 통해서 이루어진다.
또 다른 방법으로, 여러 INPUT항목들의 NAME 속성을 동일한 값으로 지정한 다음 반복문을 이용해서 한꺼번에 저장할 수도 있다. 다음은
이를 보여주는 예제이다.
[MultipleUpload2.aspx]
<%@ Page ... %>
<HTML>
<BODY>
<FORM NAME= "writeform" METHOD= "post"ACTION="MU_Process.aspx?ProgressID=0"
ENCTYPE="multipart/form-data">
<INPUT TYPE="file" NAME="files"><BR>
<INPUT TYPE="file" NAME="files"><BR>
<INPUT TYPE="file" NAME="files"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
[MU_Process2.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
for (int i = 0; i < fileUpload["files"].Count; i++)
fileUpload["files"][i].Save();
}
}
…
업로드된 파일들에 대한 참조는 "file1", "file2", "file3"와 같은 NAME 속성값들을 통해서 이루어진다.
또 다른 방법으로, 여러 INPUT항목들의 NAME 속성을 동일한 값으로 지정한 다음 반복문을 이용해서 한꺼번에 저장할 수도 있다. 다음은
이를 보여주는 예제이다.
위 예제에서 For문을 다음과 같이 작성해도 동일한 결과를 얻을 수 있다.
foreach (DEXTUpload.NET.FormElement member in fileUpload["files"])
member.Save(); |
|
| |
| 3. 다른 폼요소와 함께 업로드 |
|
|
Form의
다른 요소들도 파일요소와 마찬가지로 NAME 속성값을 통해서 참조할 수 있다.
[UploadElements.aspx]
<%@ Page ... %>
<HTML>
<BODY>
<FORM NAME= "writeform" METHOD= "post"ACTION="UE_Process.aspx?ProgressID=0"
ENCTYPE="multipart/form-data">
<INPUT TYPE="text" NAME="title"><BR>
<TEXTAREA NAME="content" ROWS="10" COLS="50"></TEXTAREA><BR>
<INPUT TYPE="file" NAME="file1"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
[UE_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
string title = fileUpload[“title”].Value;
string content = fileUpload[“content”].Value;
fileUpload[“file1”].Save();
}
}
… |
|
| |
| 4. Multi-select 폼요소를 포함한 업로드 |
|
|
DEXTUpload는
ListBox, Radio button 등과 같이 하나의 Name 속성에 대해 여러 Value값들을 가질 수 있는 Multi-select 폼
요소들을 처리할 때, Request.Form을 쓰는 것처럼 편리하게 이를 처리할 수 있다.
[UploadMultiElements.aspx]
<%@ Page ... %>
<HTML>
<BODY>
<FORM NAME= "writeform" METHOD= "post"ACTION="UE_Process.asp?ProgressID=0"
ENCTYPE="multipart/form-data">
<H2>Select your favorite sports</H2>
<SELECT NAME="Sports" MULTIPLE>
<OPTION VALUE="Soccer">Soccer</OPTION>
<OPTION VALUE="Baseball">Baseball</OPTION>
<OPTION VALUE="basketball">Basketball</OPTION>
</SELECT><BR>
<INPUT TYPE="file" NAME="DescFile"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
[UME_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
Response.Write(“Your favorite sports :<br>");
for (int i = 0; i < fileUpload["Sports"].Count; i++)
Response.Write("-" + fileUpload["Sports"][i].Value + "<br>");
fileUpload["DescFile"].Save();
}
}
…
위 예제에서 For문을 다음과 같이 작성해도 동일한 결과를 얻을 수 있다.
foreach (DEXTUpload.NET.FormElement member in fileUpload["Sports "])
Response.Write("-" + member.Value + "<br>") |
|
| |
| 5. 업로드된 파일로 부터 정보 얻기 |
|
|
업로드된
파일에 대한 정보를 얻을 수 있도록 다음과 같은 Property들이 제공된다.
.FileLen : 업로드된 파일의 길이
.FileName : 업로드된 파일의 이름(경로제외)
.FilePath : 업로드된 파일의 전체경로
.MimeType : 업로드된 파일의 Mime Type
.LastSavedFileName : 업로드되어 실제로 서버에 저장된 파일의 이름(경로제외)
.LastSavedFilePath : 업로드되어 실제로 서버에 저장된 파일의 전체경로
※ .FileName과 .FilePath는 사용자가 업로드한 오리지널 파일에 대한 이름과 전체경로값을 가진다.
업로드되어 서버에 저장된 파일의 전체경로값은 .Save, .SaveAs Method 등의 리턴값으로부터 얻을 수 있다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
Response.Write("[Uploaded File Information] <BR>");
Response.Write("FileName : " + fileUpload["file1"].FileName + "<BR>");
Response.Write("FileExtension : " + fileUpload["file1"].FileExtension +
"<BR>");
Response.Write("FullPath : " + fileUpload["file1"].FilePath + "<BR>");
Response.Write("FileLength : " + fileUpload["file1"].FileLength + "
Byte(s)<BR>");
Response.Write("MimeType : " + fileUpload["file1"].MimeType + "<BR>");
string uploadedPath = fileUpload["file1"].Save();
Response.Write("UploadedPath : " + uploadedPath + "<BR>");
Response.Write("LastSavedFilePath : " + fileUpload["file1"].LastSavedFilePath +
"<BR>");
Response.Write("LastSavedFileName : " + fileUpload["file1"].LastSavedFileName);
}
}
…
위 페이지가 실행된 결과는 다음과 같은 형태로 나타날 것이다.
[Uploaded File Information]
FileName : sample.jpg
FullPath : c:\data\sample.jpg
FileLength : 176816 Byte(s)
MimeType : image/pjpeg
UploadedPath : d:\upload\sample.jpg
LastSavedFilePath : d:\upload\sample.jpg
LastSavedFileName : sample.jpg |
|
| |
| 6. 이미지 파일(GIF/JPG/BMP)의 폭과 높이 정보 얻기 |
|
|
업로드된
파일이 이미지 파일(GIF/JPG/BMP)인 경우 다음과 같이 이미지의 폭과 높이 정보 등을 얻을 수 있는 추가적인 Property들이
제공된다.
.ImageFormat : 업로드된 이미지 파일의 포멧
.ImageWidth : 업로드된 이미지 파일의 폭
.ImageHeight : 업로드된 이미지 파일의 높이
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
Response.Write("[Uploaded Image File Information] <BR>");
Response.Write("FileName : " + fileUpload[“file1”].FileName + "<BR>");
Response.Write("FullPath : " + fileUpload[“file1”].FilePath + "<BR>");
Response.Write("FileLength : " + fileUpload[“file1”].FileLength + "
Byte(s)<BR>");
Response.Write("MimeType : " + fileUpload[“file1”].MimeType + "<BR>");
Response.Write("ImageFormat : " + fileUpload[“file1”].ImageFormat +
"<BR>");
Response.Write("ImageWidth : " + fileUpload[“file1”].ImageWidth +
"<BR>");
Response.Write("ImageHeight : " + fileUpload[“file1”].ImageHeight +
"<BR>");
string uploadedPath = fileUpload[“file1”].Save();
Response.Write("UploadedPath : " + uploadedPath);
}
}
…
위 페이지가 실행된 결과는 다음과 같은 형태로 나타날 것이다.
[Uploaded File Information]
FileName : sample.jpg
FullPath : c:\data\sample.jpg
FileLength : 176816 Byte(s)
MimeType : image/pjpeg
ImageFormat : JPG
ImageWidth : 1024
ImageHeight : 768
UploadedPath : c:\temp\sample.jpg |
|
| |
| 7. Database BLOB필드로 업로드 |
|
|
다음과
같이 SaveAsBlob Method를 이용하면 파일을 업로드하여 Database BLOB필드로 저장할 수 있다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
string ConnectionString = "…”;
OleDbConnection cn = new OleDbConnection(ConnectionString);
cn.Open();
string strQuery = "SELECT filename, filesize, filedata FROM DEXTUPLOAD";
OleDbDataAdapter adapter = new OleDbDataAdapter(strQuery, cn);
adapter.InsertCommand = new OleDbCommand("INSERT INTO DEXTUPLOAD(filedata,
filename, filesize) VALUES (?, ?, ?)", cn);
adapter.InsertCommand.Parameters.Add(…);
adapter.InsertCommand.Parameters.Add(…);
adapter.InsertCommand.Parameters.Add(…);
adapter.MissingSchemaAction = MissingSchemaAction.AddWithKey;
DataSet ds = new DataSet();
adapter.Fill(ds);
DataRow newRow = ds.Tables[0].NewRow();
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
newRow[0] = fileUpload.FileName;
newRow[1] = fileUpload.FileLength;
newRow[2] = fileUpload.SaveAsBlob();
ds.Tables[0].Rows.Add(newRow);
adapter.Update(ds);
}
cn.Close();
}
… |
|
| |
| 8. 다양한 Save Method들 |
|
|
DEXTUpload
컴포넌트는 업로드된 파일을 서버 파일시스템 또는 Database에 저장할 수 있는 다양한 방법을 제공.
* 업로드된 파일과 동일한 이름의 파일로 서버에 저장하는 Method
- Save : DefaultPath property값으로 지정된 경로에 저장
- Save [Path지정] : 지정된 경로에 저장
- SaveVirtual [Virtual Path지정] : 지정된 가상경로에 저장
* 업로드된 파일과 다른 이름의 파일로 서버에 저장하는 Method
- SaveAs [Full Path지정] : 지정된 경로와 파일명으로 저장
- SaveAsVirtual [Full Virtual Path지정] : 지정된 가상경로와 파일명으로 저장
* 업로드된 파일을 Database BLOB필드에 저장하는 함수
- SaveAsBlob [ADO Field개체지정] : 지정된 Database BLOB필드에 저장
※ SaveAsBlob을 제외한 나머지 모든 Save Method들은 bOverwrite 라는
인자와 실제로 서버에 저장되는 파일에 대한 전체경로를 리턴값으로 가진다. bOverwrite 인자를 생략할 경우
기본값은 True이며 해당 경로에 같은 이름의 파일이 있을 경우 겹쳐쓰게 된다. bOverwrite 인자값을 명시적으로 False로 지정할
경우는 유일한 파일 명( filename(2).ext, filename(3).ext ... )을 구해서 저장하게 된다. |
|
| |
| 9. 파일의 존재여부 체크 및 업로드된 파일의 삭제 |
|
|
DEXTUpload는
파일의 존재여부를 체크할 수 있는 FileExists 메쏘드와 업로드된 파일을 삭제할 수 있는 DeleteFile
메쏘드를 제공한다. 다음은 FileExists와 SaveAs 메쏘드를 이용하여 업로드한 파일을 서버에 고유한 파일명으로 저장하는 예제이다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
string filename = fileUpload[“file1”].Filename;
string filepath = fileUpload[“file1”].DefaultPath + "\\" + filename;
// 이미 같은 이름의 파일이 존재한다면 유일한 파일명을 구한다.
if (fileUpload[“file1”].FileExists(filepath))
{
string filenameonly;
string fileext;
int Index = filepath.LastIndexOf(".");
if (Index > 0)
{
// 확장자가 존재한다면
filenameonly = filepath.Substring(0, Index); // 파일명까지의 경로값(확장자 제외)
fileext = filepath.Substring(Index); // "."문자를 포함한 확장자
}
else
{
// 확장자가 존재하지 않을 경우
filenameonly = filepath;
fileext = "";
}
// 유일한 파일 경로 얻기
for (int i=2; ; i++)
{
filepath = filenameonly + "(" + i.ToString() + ")" + fileext;
if (!File.Exists(filepath)) break;
}
}
fileUpload["file1"].SaveAs(filepath);
// 필요하다면 이 파일을 삭제할 수도 있다.
// fileUpload.DeleteFile(filepath);
}
}
…
※ DEXTUpload.NET는 파일을 고유한 이름으로 저장할 수 있는 기능을 기본적으로 제공한다.
위 예제는 단지 DEXTUpload.NET이 제공하는 방식이 아니라 사용자 나름대로의 방식대로 고유한 파일명을 결정하고자 할 경우의 예를
보여준 것이다. |
|
|
| 파일
업로드 활용 |
| 1. 고유한 이름으로 파일 저장 |
|
|
Save,
SaveVirtual, SaveAs, SaveAsVirtual Method 는 기본적으로 업로드된 파일을 서버에 저장할 때
해당 경로에 동일한 이름의 파일이 존재할 경우 겹쳐쓰게 된다. 겹쳐쓰지 않고 유일한 파일명을 구해서 저장하고 싶으면 두 번째 인자인
bOverwrite를 명시적으로 False로 지정하면 된다. ("다양한 Save Method들" Chapter 참조)
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
string UploadedFilename = fileUpload[“file1”].SaveAs(“C:\\Data\\sample.zip”,
false);
Response.Write(“uploaded file : “ + UploadedFilename);
}
}
…
위 예제에서 c:\data 폴더에 sample.zip이라는 파일이 이미 존재할 경우 업로드된 파일은
"c:\data\sample(2).zip"이라는 이름으로 저장되어 다음과 같은 결과 페이지를 보여주게 된다.
[ 실행결과 ]
uploaded file : c:\data\sample(2).zip |
|
| |
| 2. 업로드 파일 용량 제한 |
|
|
MaxFileLen
property를 이용하면 업로드 가능한 최대 파일 크기를 제한할 수 있다. 만일 지정된 크기보다 큰 파일을 업로드할 경우에는
다음과 같은 오류가 발생하게 된다.
DEXTUpload error '80040200'
Warning: File size must be less than 5242880 Bytes.
/form_process.asp, line 27
다음 예제와 같이 FileLen property를 이용해서 최대 파일 크기를 초과하지 않는
경우에만 Save Method를 호출하게 하는 방법으로 오류발생 없이 업로드 파일크기 제한에 대한 처리를 커스터마이징 할 수도
있다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
fileUpload.MaxFileLength = 5242880;
if (fileUpload["file1"].FileLength > fileUpload.MaxFileLength)
{
Response.Write("File size must be less than 5MBytes.<br>");
Response.Write("Press the back button on your browser...<br>");
}
else
{
fileUpload["file1"].Save();
}
}
}
… |
|
| |
| 3. 업로드 타임아웃 설정 |
|
|
일반적으로
파일 업로드 또는 Save 등과 같은 작업은 대용량 파일 업로드시 긴 시간을 요하므로
Server.ScriptTimeout(Default: 90sec)과 Session.Timeout(Default: 20min) 값을 바꾸어 주지
않을 경우 Timeout 에러로 인해 업로드 작업을 정상적으로 수행할 수 없게 된다.
DEXTUpload는 UploadTimeout property를 제공함으로써, 파일 업로드시
별도의 Server.ScriptTimeout,
Session.Timeout 설정을 하지 않고도 Timeout에러 없이 대용량 파일 업로드 작업을 정상적으로 수행할 수 있다.
기본 값은 3600sec(60min)이고 필요에 따라 변경해서 사용하면 된다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
fileUpload.UploadTimeout = 1800;
fileUpload[“file1”].Save();
}
}
…
위 예제에서는 UploadTimeout값을 1800sec(30min)로 설정했으므로, Save작업이 1800sec를 초과하지 않는 한
Timeout에러가 발생하지 않는다. |
|
| |
| 4. 업로드 파일 종류 제한 |
|
|
DEXTUpload가
제공하는 MimeType property를 이용하면 업로드 가능한 파일의 종류를 제한할 수
있다.
다음은 GIF와 JPG 파일만 업로드할 수 있도록 하는 예제이다.
[Form_Process.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
string mimetype = fileUpload["file1"].MimeType
if (mimetype=="image/gif" || mimetype=="image/pjpeg")
fileUpload["file1"].Save();
else
Response.Write("Your file must be GIF or JPG...<br>");
}
}
… |
|
| |
| 5. 파일저장 없이도 업로드작업을 취소하는 방법 |
|
|
DEXTUpload가
제공하는 Flush method를 이용하면 실제로 파일을 서버에 저장하지 않고도 필요에 따라
업로드 작업을 완전히 취소하고 나머지 코드를 계속 실행하도록 할 수 있다.
다음은 파일 업로드시 제한된 업로드 용량을 초과할 경우 업로드를 취소하고 에러메시지를 보여주는 예제이다.
[Form_Proc.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
if (Request.TotalBytes > 1048576)
{
fileUpload.Flush();
Response.Write("Warning: File size must be less than 1 MBytes.");
}
else
{
fileUpload.Save();
Response.Write("File-upload completed.");
}
}
}
… |
|
|
| 서버측
업로드 진행율 표시기 사용 |
| 1. 서버측 업로드 진행율 표시기 사용 |
|
|
Server-side
Graphical Progress Indicator를 이용하면 ActiveX Control이나 Java Applet과 같은 별도의
Client-side 소프트웨어를 다운로드 받지 않고도 단지 서버측 컴포넌트만으로 파일 업로드 진행상태를 시각적으로 보여주고, 업로드 속도,
전체 컨텐츠의 크기 및 현재 업로드된컨텐츠의 크기, 남은 시간, 현재 진행되고 있는 작업 등의 정보를 실시간으로 모니터링할 수 있다.
[ Form 작성 페이지 (GPIUpload.aspx) ]
<%@ Page … %>
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowProgress()
{
strAppVersion = navigator.appVersion;
if (document.write_form.file1.value != "")
{
ProgressID = (new Date()).getTime() % 1000000;
if (ProgressID==0) ProgressID = 1000000;
if (strAppVersion.indexOf('MSIE') != -1 &&
strAppVersion.substr(strAppVersion.indexOf('MSIE')+5,1) > 4) {
winstyle = "dialogWidth=385px; dialogHeight:150px; center:yes";
window.showModelessDialog("../Progress/show_progress_IE.aspx?ProgressID="+ProgressID,
null, winstyle);
}
else
{
winpos = "left=" + ((window.screen.width-380)/2)
+",top="+((window.screen.height-110)/2);
winstyle="width=380,height=110,status=no,toolbar=no,menubar=no,location=no,resizable=no,
scrollbars=no,copyhistory=no," + winpos;
window.open("../Progress/show_progress_NN.aspx?ProgressID="+ProgressID,null,winstyle);
}
document.write_form.action = " form_process.aspx?ProgressID=" + ProgressID;
}
return true;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME= "writeform" METHOD=
"post"ACTION="form_process.aspx?ProgressID=0"
ENCTYPE="multipart/form-data" onSubmit="return ShowProgress();">
<INPUT TYPE="file" NAME="file1"><BR>
<INPUT TYPE="submit" VALUE="upload">
</FORM>
</BODY>
</HTML>
Progress Indicator를 사용하기 위해서는 위 예제와 같이 ShowProgress()와 같은 자바스크립트를 추가해 주어야 한다.
그리고, Form을 Submit하기 직전에 ShowProgress() 함수를 호출하여 Progress Indicator를 시각적으로 보여주기
위해 새 창(또는 대화상자)을 띄워 주는 것을 볼 수 있다.
이 때, 새 창에서 보여지는 페이지는 다음과 같다.
[ Progress Indicator를 보여주는 페이지 Internet
Explorer용 (show_progress_IE.aspx) ]
<%@ Page EnableSessionState="false" … %>
<html>
<head>
<title>Uploading Files...</title>
<STYLE type="text/css">
td {font-size: 9pt}
</STYLE>
</head>
<body MS_POSITIONING="GridLayout" bgcolor=#d4d0c8 leftmargin=8 topmargin=0
scroll=
no><BR><IFRAMEsrc="show_prog_body.aspx?ProgressID=<%Response.Write(Request.QueryString["ProgressID"]);%>"
title="Progress Step1" frameborder=0 marginheight=0 marginwidth=0 noresize
scrolling=no
width=365 height=65>
</IFRAME>
<br><br>
<table border=0 width=365 cellpadding=2 cellspacing=0 bgcolor=#d4d0c8>
<tr><td>Click the <b>STOP</b> button on your browser to
abort uploading.</td></tr>
</table>
</body>
</html>
[ Progress Indicator를 보여주는 페이지 ? Netscape Navigator용 (show_progress_NN.aspx) ]
<%@ Page EnableSessionState="false" … %>
<frameset rows="80,1*" border="0" framespacing="0" frameborder=
"NO"><BR><framesrc="show_prog_body.aspx?ProgressID=<%Response.Write(Request.QueryString["ProgressID"]);%>"
noresize scrolling="NO" frameborder="NO" name="sp_body">
<frame src="show_prog_bottom.aspx" noresize scrolling="NO" frameborder="NO"
name="sp_bottom">
</frameset>
Progress Indicator를 보여주기 위해서는 위에 있는 show_progress.asp와 함께 다음에 있는
show_prog_body.asp와 show_prog_bottom.asp가 필요하다.
1) show_progress.asp: Progress Indicator를 보여주기 위해 웹페이지를 프레임으로 나눈다.
2) show_prog_body.asp: 실제로 Progress Indicator를 보여준다.
3) show_prog_bottom.asp: (Netscape Navigator와 같이 Inline Frame을 지원하지 않는 브라우저의
경우만 필요)
[ Progress Indicator를 보여주는 페이지
(show_prog_body.aspx) ]
<%@ Page EnableSessionState="false" … %>
[ Progress Indicator를 보여주는 페이지 (show_prog_body.aspx.cs) ]
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUploadMonitor monitor = new
DEXTUpload.NET.FileUploadMonitor())
{
monitor.ShowMonitor();
}
}
[ Progress Indicator를 보여주는 페이지 (show_prog_bottom.aspx) ]
<%@ Page EnableSessionState="false" … %>
<HTML>
<HEAD>
<title>show_prog_bottom</title>
<STYLE type="text/css">
td {font-size: 9pt}
</STYLE>
</HEAD>
<body MS_POSITIONING="GridLayout" bgcolor="#d4d0c8" leftmargin="8"
topmargin="0" scroll="no">
<table border="0" width="365" cellpadding="0" cellspacing="0"
bgcolor="#d4d0c8">
<tr><td>Click the <b>STOP</b> button on your browser to
abort uploading.</td></tr>
</table>
</body>
</HTML>
위 ASP 페이지를 보면 "EnableSessionState" 속성을 False로
지정하여 세션상태를 해제하고 있다. 만일 이 페이지의 세션상태를 해제하지 않으면 Form의 submit 작업, 즉 파일 업로드 작업이 종료되기
전까지는 페이지의 실행된 결과를 볼 수 없게 되므로 반드시 페이지의 세션상태를 해제시켜야 한다. ShowMonitor Method는
매 순간의 업로드 진행상태를 보여주고 업로드가 완료되면 자동으로 창(또는 대화상자)을 닫는다.
[ 업로드 작업을 처리하는 페이지 (form_process.aspx.cs) ]
…
private void Page_Load(object sender, System.EventArgs e)
{
using (DEXTUpload.NET.FileUpload fileUpload = new DEXTUpload.NET.FileUpload())
{
fileUpload[“file1”].Save();
}
}
…
업로드 작업을 처리하는 페이지는 Progress Indicator의 사용여부에 관계없이 동일하게 작성해 주면 된다. |
|
|
| 파일
다운로드 |
| 1. 파일 다운로드 |
|
|
FileDownload개체의
Download, DownloadVirtual Method는
서버에 있는 파일을 웹브라우저를 통해 사용자가 다운로드 있게 한다.
Download : 서버의 지정된 경로에 있는 파일을 다운로드 한다.
DownloadVirtual : 서버의 지정된 가상경로에 있는 파일을 다운로드 한다.
[Download.aspx.cs]
…
private void Page_Load(object sender, System.EventArgs e)
{
Response.Buffer = false;
string ContentDisposition = "";
string ContentType = "";
if (Request.UserAgent.IndexOf("MSIE") >= 0)
{
//IE 5.0인 경우.
if (Request.UserAgent.IndexOf("MSIE 5.0") >= 0)
{
ContentDisposition = "inline;filename=";
ContentType = "application/x-msdownload";
}
//IE 5.0이 아닌 경우.
else
{
ContentDisposition = "inline;filename=";
ContentType = "application/unknown";
}
}
else
{
//Netscape등 기타 브라우저인 경우.
ContentDisposition = "attachment;filename=";
ContentType = "application/unknown";
}
string FileName = Request.QueryString["filename"];
string FilePath = Request.QueryString["filepath"];
using (DEXTUpload.NET.FileDownload fileDownload = new
DEXTUpload.NET.FileDownload())
{
Response.AddHeader("Content-Disposition", ContentDisposition + FileName);
System.IO.FileInfo fInfo = new System.IO.FileInfo(FilePath);
Response.AddHeader("Content-Length", fInfo.Length.ToString());
fInfo = null;
Response.ContentType = ContentType;
Response.CacheControl = "public";
fileDownload.Download(FilePath);
}
}
…
다운로드할 파일의 전체경로와 함께 상기 ASP페이지를 실행하면 해당 파일을 다운로드 받을 수 있게 된다. 페이지 상단을 보면
Response.Buffer = False 로 지정하여 버퍼링 없이 즉시 파일을 다운로드 받을 수 있게 했고, Content-
Disposition, Content-Length, ContentType 등의 헤드정보를 지정한 후 Download Method를
호출하고 있다. 사용자는 웹브라우저에 나타나는 대화상자에 다운로드할 경로와 파일명을 지정하여 다운로드 받을 수 있다. |
|
| |
| 2. Database BLOB 데이터 다운로드 |
|
|
FileDownload개체의
DownloadBlob Method는 서버에 있는 Database BLOB을 웹브라우저를 통해
사용자의 디스크 파일로 다운로드 받을 수 있게 한다. Database 관련부분을 제외하고는 Download Method와
사용법이 동일하다.
[ DownloadBlob.asp ]
…
private void Page_Load(object sender, System.EventArgs e)
{
Response.Buffer = true;
string ContentDisposition = "";
string ContentType = "";
if (Request.UserAgent.IndexOf("MSIE") >= 0)
{
//IE 5.0인 경우.
if (Request.UserAgent.IndexOf("MSIE 5.0") >= 0)
{
ContentDisposition = "inline;filename=";
ContentType = "application/x-msdownload";
}
//IE 5.0이 아닌 경우.
else
{
ContentDisposition = "inline;filename=";
ContentType = "application/unknown";
}
}
else
{
//Netscape등 기타 브라우저인 경우.
ContentDisposition = "attachment;filename=";
ContentType = "application/unknown";
}
string FileID = Request.QueryString["fileid"];
string ConnectionString = "…”;
OleDbConnection cn = new OleDbConnection(ConnectionString);
cn.Open();
string strQuery = "SELECT filename, filesize, filedata FROM DEXTUPLOAD WHERE
fileid = " + FileID;
OleDbCommand cmd = new OleDbCommand(strQuery, cn);
OleDbDataReader dataReader =
cmd.ExecuteReader(CommandBehavior.SequentialAccess);
if (dataReader.Read())
{
string FileName = dataReader.GetString(0);
int FileSize = dataReader.GetInt32(1);
using (DEXTUpload.NET.FileDownload fileDownload = new
DEXTUpload.NET.FileDownload())
{
Response.AddHeader("Content-Disposition", ContentDisposition + FileName);
Response.AddHeader("Content-Length", FileSize.ToString());
Response.ContentType = ContentType;
Response.CacheControl = "public";
fileDownload.DownloadBlob(dataReader, 2);
}
}
}
… |
|
|
|
 |
|
| |
|
|
|
 |
|