ASP.NET依託.net framework類庫,封裝了大量的功能,使得上傳檔案非常簡單,主要有以下三種基本方法。
方法一:用Web控制項FileUpload,上傳到網站根目錄。
Test.aspx關鍵代碼:
複製代碼 代碼如下:
<form id="form1" runat="server">
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" />
<asp:Label ID="Label1" runat="server" Text="" Style="color: Red"></asp:Label>
</form>
Test.aspx.cs關鍵代碼:
複製代碼 代碼如下:
protected void Button1_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
FileUpload1.SaveAs(Server.MapPath("~/") + FileUpload1.FileName);
Label1.Text = "上傳成功!";
}
}
方法二:用Html控制項HtmlInputFile,上傳到網站根目錄。
Test.aspx關鍵代碼:
複製代碼 代碼如下:
<form id="form1" runat="server">
<input type="file" id="file1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" />
<asp:Label ID="Label1" runat="server" Text="" Style="color: Red"></asp:Label>
</form>
Test.aspx.cs關鍵代碼:
複製代碼 代碼如下:
protected void Button1_Click(object sender, EventArgs e)
{
if (file1.PostedFile.ContentLength > 0)
{
file1.PostedFile.SaveAs(Server.MapPath("~/") + Path.GetFileName(file1.PostedFile.FileName));
Label1.Text = "上傳成功!";
}
}
方法三:用Html元素<input type="file" …/>,通過Request.Files上傳到網站根目錄。
Test.aspx關鍵代碼:
複製代碼 代碼如下:
<form id="form1" runat="server" enctype="multipart/form-data">
<input type="file" name="file" />
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" />
<asp:Label ID="Label1" runat="server" Text="" Style="color: Red"></asp:Label>
</form>
Test.aspx.cs關鍵代碼:
複製代碼 代碼如下:
protected void Button1_Click(object sender, EventArgs e)
{
if (Request.Files["file"].ContentLength > 0)
{
Request.Files["file"].SaveAs(Server.MapPath("~/") + Path.GetFileName(Request.Files["file"].FileName));
Label1.Text = "上傳成功!";
}
}
注意兩個區別:
一:FileUpload.FileName擷取用戶端上傳檔案名稱(不帶路徑),而file1.PostedFile.FileName 和Request.Files["file"].FileName在不同瀏覽器下情況不同:IE8下獲得的是用戶端上傳檔案的完全限定名(帶路徑),Google、蘋果等瀏覽器下則仍為檔案名稱(不帶路徑)。
二:FileUpload控制項有HasFile屬性,用於判斷使用者是否選擇了上傳檔案,而後面兩種方法則需要通過判斷上傳檔案大小ContentLength屬性,當使用者沒有選擇上傳檔案時,該屬性值為0。
可以看出FileUpload封裝程度更高,但靈活性也稍差。
例,Asp.net 檔案上傳類(取得檔案尾碼名,儲存檔案,加入文字浮水印)
複製代碼 代碼如下:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.IO;
using System.Drawing.Imaging;
namespace EC
{
/// <summary>
/// 上傳類
/// </summary>
public class UploadObj
{
public UploadObj()
{
//
// TODO: 在此處添加建構函式邏輯
//
}
/// <summary>
/// 允許檔案上傳的類型枚舉
/// </summary>
public enum FileType
{
jpg,gif,bmp,png
}
#region 取得檔案尾碼
/// <summary>
/// 取得檔案尾碼
/// </summary>
/// <param name="filename">檔案名稱</param>
/// <returns></returns>
public static string GetFileExtends(string filename)
{
string ext = null;
if (filename.IndexOf('.') > 0)
{
string[] fs = filename.Split('.');
ext = fs[fs.Length - 1];
}
return ext;
}
#endregion
#region 檢測檔案是否合法
/// <summary>
/// 檢測上傳檔案是否合法
/// </summary>
/// <param name="fileExtends">檔案尾碼名</param>
/// <returns></returns>
public static bool CheckFileExtends(string fileExtends)
{
bool status = false;
fileExtends = fileExtends.ToLower();
string[] fe = Enum.GetNames(typeof(FileType));
for (int i = 0; i < fe.Length; i++)
{
if (fe[i].ToLower() == fileExtends)
{
status = true;
break;
}
}
return status;
}
#endregion
#region 儲存檔案
/// <summary>
/// 儲存檔案
/// </summary>
/// <param name="fpath">全路徑,Server.MapPath()</param>
/// <param name="myFileUpload">上傳控制項</param>
/// <returns></returns>
public static string PhotoSave(string fpath,FileUpload myFileUpload)
{
string s = "";
string fileExtends = "";
string fileName = myFileUpload.FileName;
if (fileName != "")
{
//取得檔案尾碼
fileExtends = EC.UploadObj.GetFileExtends(fileName);
if (!EC.UploadObj.CheckFileExtends(fileExtends))
{
EC.MessageObject.ShowPre("上傳檔案類型不合法");
}
Random rd = new Random();
s = EC.RandomObject.DateRndName(rd) + "." + fileExtends;
string file = fpath + "\" + s;
try
{
myFileUpload.SaveAs(file);
}
catch (Exception ee)
{
throw new Exception(ee.ToString());
}
}
return s;
}
#endregion
#region 加入文字浮水印
/// <summary>
/// 加入文字浮水印
/// </summary>
/// <param name="fileName">檔案名稱路徑(全路徑)</param>
/// <param name="text">檔案</param>
public void AddTextToImg(string fileName, string text)
{
if (!File.Exists(fileName))
{
throw new FileNotFoundException("檔案不存在");
}
if (text == string.Empty)
{
return;
}
//判斷檔案類型是否為映像類型
System.Drawing.Image image = System.Drawing.Image.FromFile(fileName);
Bitmap bitmap = new Bitmap(image, image.Width, image.Height);
Graphics g = Graphics.FromImage(bitmap);
float fontSize = 12.0f;//字型大小
float textWidth = text.Length * fontSize;//文本的長度
//下面定義一個矩形地區,以後在這個矩形裡面畫上白底黑字
float rectX = 0;
float rectY = 0;
float rectWidth = text.Length * (fontSize + 8);
float rectHeight = fontSize + 8;
//聲明矩形域
RectangleF textArea = new RectangleF(rectX, rectY, rectWidth, rectHeight);
Font font = new Font("宋體", fontSize);//定義字型
Brush whiteBrush = new SolidBrush(Color.White);//白筆刷,畫文字用
Brush blackBrush = new SolidBrush(Color.Black);//黑筆刷,畫背景用
g.FillRectangle(blackBrush, rectX, rectY, rectWidth, rectHeight);
g.DrawString(text, font, whiteBrush, textArea);
MemoryStream ms = new MemoryStream();
bitmap.Save(ms, ImageFormat.Jpeg);
//輸出處理後的映像,這裡為了示範方便,我將圖片顯示在頁面中了
//Response.Clear();
//Response.ContentType = "image/jpeg";
//Response.BinaryWrite(ms.ToArray());
g.Dispose();
bitmap.Dispose();
image.Dispose();
}
#endregion
}
}
ASP.NET的弊端
ASP.NET處理檔案上傳的最大的問題在於記憶體佔用太高,由於將整個檔案載入記憶體進行處理,導致如果使用者上傳檔案太大,或者同時上傳的使用者太多,會造成伺服器端記憶體耗盡。這個觀點其實是片面的,對於早期ASP.NET 1.X,為了供程式處理,會將使用者上傳的內容完全載入記憶體,這的確會帶來問題,但在ASP.NET 2.0中就已經會在使用者上傳資料超過一定數量之後將其存在硬碟中的臨時檔案中,而這點對於開發人員完全透明,也就是說,開發人員可以像以前一樣進行資料流的處理,這個也在httpRuntime裡通過
requestLengthDiskThreshold屬性來設定閾值(threshold),其預設值為256,即一個請求內容超過256KB時就會啟用硬碟作為緩衝,這個閾值和用戶端是否是在上傳內容無關,只關心用戶端發來的請求大於這個值。因此,在ASP.NET 2.0中伺服器的記憶體不會因為用戶端的異常請求而耗盡。另外一個弊端就是當請求超過maxRequestLength(預設4M)之後,ASP.NET處理常式將不會處理該請求。這和ASP.NET拋出一個異常完全不同,這就是為什麼如果使用者上傳檔案太大,看到的並不是ASP.NET應用程式中指定的錯誤頁面(或者預設的),因為ASP.NET還沒有對這個請求進行處理。
還有一個問題就是處理ASP.NET大檔案上傳的逾時。這個其實可以通過在運行時讀取web.config中的httpRuntime節,並轉化為HttpRuntimeSection對象或者重寫Page.OnError()來檢測HTTP Code(相應代碼)是否為400來處理,這裡不再贅述
代碼如下:
複製代碼 代碼如下:
System.Configuration.Configuration
config = WebConfigurationManager.
OpenWebConfiguration("~");
HttpRuntimeSection section = config.GetSection
("system.web/httpRuntime") as HttpRuntimeSection;
double maxFileSize = Math.Round
(section.MaxRequestLength / 1024.0, 1);
string errorString = string.Format("Make sure
your file is under {0:0.#} MB.", maxFileSize);
protected override void OnError(EventArgs e)
{
HttpContext ctx = HttpContext.Current;
Exception exception = ctx.Server.GetLastError ();
string errorString =
"
Offending URL: " + ctx.Request.Url.ToString () +
"
Source: " + exception.Source +
"
Message: " + exception.Message +
"
Stack trace: " + exception.StackTrace;
ctx.Response.Write (errorString);
ctx.Server.ClearError ();
base.OnError (e);
}
對於檔案上傳的功能需要較為特別的需求——例如進度條提示,ASP.NET封裝的控制項〈asp:FileUpload /〉就無能為力了。
好的解決方案
Robert Bazinet建議,最好的解決方案是使用RIA,大多數情況下,建議用Silverlight或Flash的上傳組件來替代傳統的FileUpload組件,這類組件不只是提供了更好的上傳體驗,也比〈input type="file"〉標籤在頁面上的文字框、按鈕漂亮,這個〈input type="file"〉標籤並不能夠通過CSS添加樣式,不過也有人嘗試去解決了。至今為止並沒有什麼商業上傳組件使用了Silverlight,不過這裡有示範了用Silverlight進行多檔案上傳的樣本程式。當然使用Silverlight就可以很輕鬆的實現多線程上傳,斷點續傳這種功能了,這些都不是我要詳細討論的內容,如果有需要可以自己去看下。
可選擇的解決方案
使用〈input type="file" /〉標籤所能提供的支援非常有限,一些特殊需求我們不能實現——或者說是無法輕易地、直接地實現。所以為了實現這樣的功能我們每次都要繞一個大大的彎。為了避免每次實現相同功能時都要費神費時地走一遍彎路,市面上或者開源界出現了各種上傳組件,上傳組件提供了封裝好的功能,使得我們在實現檔案上傳功能時變得輕鬆了很多。例如幾乎所有的上傳組件都直接或間接地提供了進度提示的功能,有的提供了當前的百分比數值,有的則直接提供了一套UI;有的組件只提供了簡單的UI,有的卻提供了一整套上傳、刪除的管理介面。此外,有的組件還提供了防止用戶端惡意上傳的能力。
我覺得最好的辦法是在HttpModule裡分塊讀取檔案並且保持頁面啟用的狀態,這樣就不會逾時,同時也可以跟蹤進度或者取消上傳,或者通過HttpHandler實現,在通過進度條給使用者充分提示的同時,也讓開發人員能夠更好地控制檔案大小以及上傳過程中可能出現的異常。上傳組件都是用這些辦法的,我們的選擇有:
複製代碼 代碼如下:
FileUploader.NET (MediaChase公司,$310以上)
RadUpload (Telerik公司,$249)
NeatUpload (免費,遵守LGPL協議)
······
NeatUpload是在ASP.NET Pipeline的BeginRequest事件中截獲當前的HttpWorkerRequest對象,然後直接調用其ReadEntityBody等方法擷取用戶端傳遞過來的資料流,並加以分析和處理。並通過使用新的請求進行輪詢來擷取當前上傳的狀態。關於NeatUpload和其他開源組件的介紹可以參看JeffreyZhao的在ASP.NET應用程式中上傳檔案,當然他還說了Memba Velodoc XP Edition和swfupload,寫的非常棒!
HttpWorkerRequest實現介紹
利用隱含的HttpWorkerRequest,用它的GetPreloadedEntityBody和ReadEntityBody方法從IIS為ASP.NET建立的pipe裡分塊讀取資料可以實現檔案上傳。實現方法如下:
複製代碼 代碼如下:
IServiceProvider provider=(IServiceProvider)
HttpContext.Current;
HttpWorkerRequest wr=(HttpWorkerRequest)
provider.GetService(typeof(HttpWorkerRequest));
byte[] bs=wr.GetPreloadedEntityBody();
if(!wr.IsEntireEntityBodyIsPreloaded())
{
int n=1024;
byte[] bs2=new byte[n];
while(wr.ReadEntityBody(bs2,n) 〉0)
{
}
}