於 ASP.NET 分類下的文章
本文將大略用圖示示範WebMatrix如何安裝以及撰寫簡單的連線資料庫和Wordprss建立 希望可以讓有興趣的人先對WebMartix有些基本的認識。
何謂WebMatrix?
WebMatrix 是一個免費,簡易設定(輕量化)的網站開發工具,它提供了建立網站更簡單的方式。包含了IIS Express,ASP NET,SQL Server元件(嵌入資料庫).同時包含一些主流的開放式源碼的應用程式(套件)例如:WordPress,Joomla.。 這套工具開發時也可整合至VisualStudio和SQLServer。 你可以利用WebMatrix建立動態網頁.它可以根據使用者輸入的資訊來改變內容.例如取得資料庫資訊.甚至你可以使用ASPNET搭配Razor語法(前端)和C#或VB(後端). 繼續閱讀 »
問題情況：使用GridView,ListView,FormView 這類資料繫結的表格時,當想將資料庫內的欄位資料直接拉到Image製作簡單的圖表時或其他複雜的情況需要對圖片做更多的影響和修改時。
解決方案：
這類的情況處理的方式不只一種，可以透過在資料繫結時再針對欄位處理例如DataBinding事件中作修改。
不過這篇文章要介紹的是另一種透過連結帶參數來產生圖片。例如
|
1 |
<asp:image id="Image" imageurl="handler.ashx" runat="server"> |
透過連結帶參數來改變圖片 imageurl="handler.ashx?width=100&height=50"
FormView 範例
|
1 |
<asp:formview datasourceid="SqlDataSource" id="FormView1" runat="server"> <itemtemplate> <asp:image id="Image18" imageurl="<%# string.Format("handler.ashx?width={0}&height=20",Eval("DbColume","{0:F0}")) %>" runat="server"> </asp:image></itemtemplate> </asp:formview> |
handler.ashx 程式碼
|
1 |
using System; using System.Web; using System.Drawing; using System.Drawing.Imaging; using System.IO; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { int width = int.Parse(context.Request.QueryString["width"]); int height = int.Parse(context.Request.QueryString["height"]); //由於Chrome等Browser在圖片無法呈現時會顯示失連的小圖可以加入判斷產生一背景色圖片 if (width == 0) { Bitmap bitmap = new Bitmap(5,20); Graphics g = Graphics.FromImage((Image)bitmap); g.FillRectangle(Brushes.White, 0f, 0f, bitmap.Width, bitmap.Height); MemoryStream mem = new MemoryStream(); bitmap.Save(mem, ImageFormat.Png); byte[] buffer = mem.ToArray(); context.Response.ContentType = "image/png"; context.Response.BinaryWrite(buffer); context.Response.Flush(); } else { //透過IO抓取實體檔案時須使用實體路徑 System.Drawing.Image objSourceImage = System.Drawing.Image.FromFile(context.Request.PhysicalApplicationPath + @"\images\YourImage.png"); System.Drawing.Image objNewImage = objSourceImage.GetThumbnailImage(width, height, null, new IntPtr()); Bitmap bitmap = new Bitmap(objNewImage); MemoryStream mem = new MemoryStream(); bitmap.Save(mem, ImageFormat.Png); byte[] buffer = mem.ToArray(); context.Response.ContentType = "image/png"; context.Response.BinaryWrite(buffer); context.Response.Flush(); } } public bool IsReusable { get { return false; } } } |
近期迴響