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。

---

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

最近專案上客戶提出一個需求，希望做個類似facebook大頭貼的功能，而且操作功能要很簡單而且不要太繁瑣，

這一類的功能其實也真的不是很難，簡單的說明一下需求內容：

• 上傳圖片，上傳後判斷是否要使用這張圖片
• 儲存上傳圖片後，進行裁剪圖片，裁剪圖片不希望只能裁剪固定大小，可以有等比例裁剪的功能（大頭貼有定寬高，在原上傳圖片可以選取任一區域，於裁剪圖片後做等比例的縮圖）
• 裁剪圖片時，希望可以即時預覽等比例縮圖的結果
• 可以隨時對原上傳圖片做重新裁剪（原裁剪圖片可以不保留）

大部分的開發人員在網路上找這一類的jQuery功能套件時，多會採用「jCrop」，這是一個不錯且相當好用的jQuery Plugin，

不過我卻是採用另一套也是不錯的jQuery Plugin「imgAreaSelect」，使用方式與 jCrop 相差不大，

另外原專案是使用ASP.NE WebForm開發，而本篇文章內容將會是以ASP.NET MVC的架構下來做說明，

而在下一篇文章也會說明如何在ASP.NET WebForm中開發這個功能，讓大家可以看看兩個架構下的開發會有什麼樣的差異。

觀察 Entity Framework 轉換所產出的 SQL Command

在前一篇文章「LINQPad + Oracle ODAC for Entity Framework」介紹了可以藉由LINQPad載入專案組件後就可以在LINQPad中操作LINQ Query，以達到程式實作前的測試操作，如果專案所使用的資料庫是 MS SQL Server 的話，在LINQPad中可以直接觀察EF所產出的 SQL Command，但要是專案所使用的資料庫是 Oracle，那麼在LINQPad就無法看到EF所產出的SQL Command，這種情況下就必須要回到Visual Studio中於偵錯模式下進行EF產出SQL Command 的觀察了，所以在本篇文章中將會說明幾種在Visual Studio的偵錯模式下觀察由Entity Framework所產出的SQL Command。

註：本篇將會著重於 Oracle ODAC for Entity Framework 情境下的解決方式，而有關使用 MS SQL Server 的專案，可以參考以下文章：

「Jerry - 我的Coding ：查看LINQ Expression編譯後的SQL語法」

 

---

LINQPad + Oracle ODAC for Entity Framework

如何在 LINQPad 載入使用 Oracle ODAC for Entity Framework 開發的專案組件來執行查詢。

我在這個部落格的很多文章都會使用LINQPad來做操作說明，尤其是Entity Framework的相關文章，

例如：

「Oracle ODAC 11.2 Release 4 (11.2.0.3.0) - Includes support for Entity Framework and LINQ」

「Oracle ODAC for Entity Framework 關連資料查詢的幾種不同方式」

在文章中都主要是用LINQPad來操作以及說明，並且建議大家能夠使用LINQPad來做程式實作前的測試操作，但是很多人都反應說，他們不清楚要怎麼在LINQPad去加入已開發專案的專案組件然後使用，所以這一篇文章就來做個說明，讓大家了解如何在LINQPad中去加入已開發專案的專案組件然後進行各種的LINQ操作。

P.S.

而專案的實體資料模型的資料來源如果是使用MS SQL Server，也是同樣的操作模式，也是可以參考此篇文章的作法。

---

Oracle ODAC for Entity Framework 關連資料查詢的幾種不同方式

前篇文章「ODAC 11.2 Release 4 (11.2.0.3.0) - Includes support for Entity Framework and LINQ」，在文末的「其他的查詢運算操作」有介紹使用「join + group」的方式來查詢關連資料，而另外也測試了幾種不同的查詢方式，在本篇文章就來看看這幾種不同的查詢方式。

---

Oracle ODAC 11.2 Release 4 (11.2.0.3.0) - Includes support for Entity Framework and LINQ

Oracle在 2011-12-28 發佈了最新一版的 ODAC with Oracle Developer Tools for Visual Studio，

ODAC 11.2 Release 3 與 ODAC 11.2 Release 4 更新相隔了一年，而這一次讓我注意到的是 ODAC 11.2 Release 4(11.2.0.3.0) 包含了對 Entity Framework 的支援，也就是說原本還在 BETA 3 的ODAC for MS Entity Framework and LINQ to Entities 已經納入正式版了，所以有使用到 Oracle 資料庫開發的專案，想要在專案中使用Entity Framework技術是已經有 Oracle 所發佈的正式支援，然而在之前文章「ASP.NET MVC + Oracle 11g XE + Entity Framework. Part 4」最後所提到的問題是否在這個版本有獲得解決呢？

在本篇文章我們就來仔細的瞧瞧！