ASP.NET MVC上傳檔案,使用file-uploader : 進階操作 Part.1

上篇文章「ASP.NET MVC上傳檔案,使用file-uploader : 基本操作」已經簡單的介紹過如何使用file-uploader，

接下來這篇文章將會介紹如何完成以下的進階操作項目：

• 自定上傳檔案區塊的文字、上傳檔案清單的文字
• 限制檔案的上傳大小
• 限制上傳檔案的種類
• 修改訊息內容

 

ASP.NET MVC上傳檔案,使用file-uploader : 基本操作

網站專案大都會使用到上傳檔案的功能，而一般我們大多是直接使用form以及type為file的input element來完成，

例如：

@using (Html.BeginForm("UploadFile", "Home", FormMethod.Post, new { id="FormUpload", enctype = "multipart/form-data" }))

{

    <p>

        Upload File：<input type="file" id="uploadFile" name="uploadFile" size="23" />

        <input type="button" id="ButtonUpload" value="Upload file" />

    </p>

}

這樣的作法是最基本也是最標準的作法，

但是這樣的作法在每次送出檔案上傳到server端後，整個網頁都會Reoload，

於是網路上就有很多AJAX的上傳檔案套件可以讓我們來使用，

而這邊將會以一系列的文章來介紹如何在ASP.NET MVC的環境下使用「file-uploader」這個套件來製作檔案上傳的功能，

Oracle ODAC for Entity Framework + ASP.NET MVC 3 + MiniProfiler.MVC3

「觀察 Entity Framework 轉換所產出的 SQL Command」這一篇文章當中有簡單介紹了在Oracle ODAC For EF 的情境下如何觀察SQL Command，然而並不是每個方式都管用，而且有的方式會需要在偵錯模式下才能觀察（如使用Entity Visualizer），而之前也曾經介紹過一個可以用來偵測ASP.NET MVC執行效能的套件「MVC-Mini-Profiler」，這一個套件除了偵測執行效能外，有使用Entity Framework的話也可以偵測EF所產生的SQL Command，「ASP.NET MVC 3 + MiniProfiler.MVC3 偵測執行效能」文章裡所使用的資料庫是MS SQL Server，而當資料庫改使用Oracle而EF Provider也使用了Oracle ODAC for EF呢？

這一篇文章就來看看在使用Oracle ODAC for EF的情境下使用MVC-Mini Profiler是否可以偵測到EF所產生的SQL Command。

---

圖片裁剪大頭貼功能 - ASP.NET (MVC, WebForm) + jQuery + imgAreaSelect 原始檔

之前兩篇文章的簡略說明，我想應該還是有很多人會不了解，我會建議各位不管你是習慣用WebForm開發還是使用MVC開發，最重要的就是要實際的操作一次，經由實作的過程逐一的去排除遇到的各種問題，經由這樣的過程所學習到的經驗是最實際也最為深刻。

這一篇文章除了說將原始檔分享出來之外，也順便說明一下如何去將網站專案去抽出共用的部份而另外獨立為一個類別庫專案，雖然說很多人還是習慣在開發網站專案的時候把各種的類別都混雜在同一個Project中，小型而且開發人數少的專案或許不會感覺到問題，一旦到了專案規模大了或是參與專案開發的人員一多，那麼把所有類別或是邏輯處理都放在同一個網站專案中的作法就會遇到問題。

以下的文章內容就會說明如何去抽出各個層級的類別為不同的類別庫專案。

---

圖片裁剪大頭貼功能 - ASP.NET WebForm + jQuery + imgAreaSelect

前一篇文章「圖片裁剪大頭貼功能 - ASP.NET MVC + jQuery + imgAreaSelect」是說明在ASP.NET MVC架構下去使用 imgAreaSelect 來達成裁剪圖片的功能需求，而其實客戶的專案架構是使用ASP.NET WebForm，而這篇文章就來說明如何在ASP.NET WebForm架構下使用 imgAreaSelect。

---