מדריך ASP.NET – פקדים מתקדמים: FileUpload

פקד FileUpload מאפשר למשתמש לטעון קובץ לשרת (פעולת Upload). על מנת להשתמש בו – נכתוב בדף ה – ASPX את הכיתוב הבא:

<asp:FileUpload runat="server" ID="myUpload" />

כדי להשתמש בקובץ שהובא לשרת, נוסיף כפתור לשמירה:

<asp:Button Text="Save File" runat="server" 
  ID="btnSave" onclick="btnSave_Click" />

ובמתודה btnSave_Click נכתוב את הקוד הבא:

protected void btnSave_Click(object sender, EventArgs e)
{
  myUpload.SaveAs(Path.Combine("c:\\temp\\", myUpload.FileName));
}

שורת הקוד שכתבנו תגרום לכך שהקובץ ישמר בשרת, בתיקיה c:\temp במכונה בה נמצאת האפליקציה שלנו.

שימו לב, הרצת הקוד הזה עלולה להיתקל בשגיאות במידה ואין הרשאות כתיבה על המקום בו אתם מבקשים לשמור את הקובץ.

נתבונן כעת ב – HTML שנוצר עבור הפקד הזה:

בהגדרת הטופס (form tag) נוספה התכונה enctype עם הערך multipart/form-data. זה נדרש על מנת לאפשר שליחת קבצים לשרת כפי שעושה הפקד.

<form method="post" action="WebForm1.aspx" 
  id="form2" enctype="multipart/form-data">

עבור הפקד עצמו יווצר ה – HTML הבא :

<input type="file" name="myUpload" id="File1" />

זהו תג input מסוג file, הדפדפן מצייר עבורו תיבת טקסט ולחצן לידה עם הכיתוב Browse, וכשלוחצים עליו מגיעים למערכת הקבצים המקומית שלנו: