«
»

ASP.NET MS Access Resim/Image Upload & List

Merhaba,

ASP.NET tarafinda gerekli olabileceğini düşündüğüm bir yazıya başlamak üzereyiz,malumunuz genelde yazılarımda .NET taraflarini koyduğum gibi aynı zamanda hayattan da bir takim şeyleri paylaşiyorum

Son doğum gününden bu yana, hayat idare eder derecede geçmekle birlikte , uğraşicak çok şeyin olduğunu hergün hergün anlamak gerçekten kötü.

Herkese bu konuda tavsiyem , ne kadar az bilirseniz , aslinda o kadar mutlu olabiliyorsunuz,fazlasina gerek yok mantiği ile devam…

6 ayda bir görebildiğim bir arkadaş grubum var, ama normal karşılamak lazim , sonuçta herkes kendi seçimlerini yaşar..

Gelelim örneğimize, örnek biraz aslinda senaryolandirilmiş ve nesne yönelimli programlama teknikleri kullanilarak geliştirilmiştir,uygulamanin herkese fikirler verebileceği çok açıktır,SQL Server üzerinde bulunan bir tabloya binary veri formatinda resim saklanmasini işlevini aslinda web üzerinde birçok noktada bulabilirsiniz , fakat bende biraz farkli olsun diye bu işi bir MS Access veritabanina yaptırmaya karar verdim , biraz da işin içine eklenen resimlerin listelenmesi girince , güzel olduğuna inandığım bir örnek ortaya çıktı.

NOT : bu bir makale değildir,makale yazmak bilimsel değer gerektirir,yaptiklarimiz sadece incelemedir,keyfimize bakalim.

Öncelikle bir ASP.NET web site açiyoruz , localhost üzerinde.bu Web site içerisinde tasarim olarak aşağıda görebileceğiniz örnek sayfayı üretiyoruz.

Sayfa içerisinde fazla kontrol bulunmamaktadir , fakat resimlerin listelenmesi konusunda GenericHandler ve dinamik kontrol oluşturmadan yararlaniliyor,

Hemen bu noktada belirteyim , eger ki HttpHandler kullanimina yabancı durumda isek , sizlere tavsiyem web üzerinde türkçe olarak HttpHandler konulu makaleler bulunmaktadir,bunlardan yararlanmanizi tavsiye ederim ;)

Sayfa içerisinde bulunan kontrollerin ID değerleri değiştirilmiştir,bu değiştirmeleri kodlara bakinca anlayabilirsiniz.

Yaptiğimiz bir kaç işlemden bahsetmek istiyorum , ve arkasindan kodlari paylaşacağım.

Web site içerisinde App_Code klasörü ekleyerek kod dosyalarini burada saklamayi uygun gördüm ve bizim için işlerimizi götüren ve nesne yönelimli tekniğin kücük bir örneği olarak kabul edebileceğimiz Manage Class’ını ( sınıfını ) ekliyoruz.

Text

Diğer bir noktada tasarimini birazdan anlatacağim , MS Access veritabanimizi App_Data klasörü içerisinde sakliyoruz.

Gelelim MS Access tasarimina , bir .MDB uzantili MS Access veritabani dosyası oluşturunuz ve üzerinde bir tablo yaratalim

Bu tablo ismi tblImages olabilir bizim resimlerimiz için , ve tblImages tablosu şema olarak ImageID => otomatik sayı veri formatinda , myImage => Ole Nesnesi veri formatinda kolonlar içersin.

Veritabani üzerinde ASP.NET tarafindan işlemler koşturacağımız için yazma izinlerini vermemiz gerekir

bu iş için Windows işletim sisteminizin Command Prompt’unu çalıştıralim

Başlat > Çalıştır

cmd Yazalim < Enter

yazacağımız kod veritabaninin fiziksel yoluna göre aşağıdaki gibi olmalidir

yukaridaki işlemi tamamladiysak , sıra geldi bu veritabanimiza bağlanacağımız sırada kullanacağımız bağlantı cümlesini projeye anlatmaya

bu iş için web.config içerisinde bulunan ConnectionStrings boğumunu kullanabiliriz

ve aşağıdaki kodlari Configuration boğumu altinda herhangi bir noktada açarak yazalim

<connectionStrings>

<add name=”AccessConnection”

connectionString=”Provider=Microsoft.Jet.OLEDB.4.0;Data Source=c:\inetpub\wwwroot\MSAccessResimUpload\App_Data\ImageDB.mdb”/>

</connectionStrings>

belirttiğim fiziksel yol , benim kendi projemde kullandığım veritabaninin fiziksel yolunu içermektedir.

App_Code klasörü içerisine yazdığımız ‘Manage’ isimli Class’in C# Kodlari :

  1. using System;
  2.  
  3. using System.Data;
  4.  
  5. using System.Configuration;
  6.  
  7. using System.Web.UI;
  8.  
  9. using System.Web.UI.WebControls;
  10.  
  11. using System.Data.OleDb;
  12.  
  13. /// &lt;summary&gt;
  14.  
  15. /// Resim Upload Orneginin Yonetim Sınıfı
  16.  
  17. /// &lt;/summary&gt;
  18.  
  19. public class Manage
  20.  
  21. {
  22.  
  23. OleDbConnection connection { get; set; }
  24.  
  25. OleDbCommand cmdInsert { get; set; }
  26.  
  27. OleDbCommand cmdSelect { get; set; }
  28.  
  29. Action&lt;Page&gt; myHandler { get; set; }
  30.  
  31. public Manage()
  32.  
  33. {
  34.  
  35. string strConnectionString = ConfigurationManager.ConnectionStrings["AccessConnection"].ConnectionString;
  36.  
  37. connection = new OleDbConnection();
  38.  
  39. connection.ConnectionString = strConnectionString;
  40.  
  41. cmdInsert = new OleDbCommand();
  42.  
  43. cmdInsert.Connection = connection;
  44.  
  45. cmdSelect = new OleDbCommand();
  46.  
  47. cmdSelect.Connection = connection;
  48.  
  49. myHandler = new Action&lt;Page&gt;(this.ListImages);
  50.  
  51. }
  52.  
  53. public int InsertImage(byte[] image)
  54.  
  55. {
  56.  
  57. cmdInsert.CommandText = "insert into tblImages (myImage) values (@img)";
  58.  
  59. cmdInsert.Parameters.Add("@img", OleDbType.VarBinary);
  60.  
  61. cmdInsert.Parameters["@img"].Value = image;
  62.  
  63. connection.Open();
  64.  
  65. int affectedRow = cmdInsert.ExecuteNonQuery();
  66.  
  67. connection.Close();
  68.  
  69. return affectedRow;
  70.  
  71. }
  72.  
  73. public void ListImages(Page p)
  74.  
  75. {
  76.  
  77. PlaceHolder myHolder = (PlaceHolder)p.FindControl("myHolder");
  78.  
  79. cmdSelect.CommandText = "select ImageID from tblImages order by ImageID DESC";
  80.  
  81. connection.Open();
  82.  
  83. OleDbDataReader dr = cmdSelect.ExecuteReader();
  84.  
  85. while (dr.Read())
  86.  
  87. {
  88.  
  89. Image img = new Image();
  90.  
  91. img.ImageUrl = "ImageHandler.ashx?ImageID=" + dr.GetInt32(0).ToString();
  92.  
  93. Label lbl = new Label();
  94.  
  95. lbl.Text = string.Format("&lt;br&gt;——————{0}——————&lt;br&gt;",dr.GetInt32(0));
  96.  
  97. myHolder.Controls.Add(lbl);
  98.  
  99. myHolder.Controls.Add(img);
  100.  
  101. myHolder.Controls.Add(lbl);
  102.  
  103. }
  104.  
  105. dr.Close();
  106.  
  107. connection.Close();
  108.  
  109. }
  110.  
  111. void ConnectionControl()
  112.  
  113. {
  114.  
  115. if (connection.State == ConnectionState.Closed)
  116.  
  117. connection.Open();
  118.  
  119. else
  120.  
  121. connection.Close();
  122.  
  123. }
  124.  
  125. public void GetList(Page p)
  126.  
  127. {
  128.  
  129. myHandler.Invoke(p);
  130.  
  131. }
  132.  
  133. }

Default.aspx sayfamizin tasarim kodlari :

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head runat=”server”>

<title>MS Access Resim Upload – creacoder.COM</title>

<style type=”text/css”>

.style1 {

width: 400px;

border:1px solid;

border-color:Black;

}

.style2

{

width: 600px;

}

</style>

</head>

<body>

<form id=”form1″ runat=”server”>

<div>

<table align=”center” cellpadding=”0″ cellspacing=”0″ class=”style1″>

<tr>

<td>

<br />

&nbsp;Resim Yükle :<br />

<br />

&nbsp;<asp:FileUpload ID=”myUploader” runat=”server” />

<br />

&nbsp;<asp:LinkButton ID=”lnkImageLoad” runat=”server”

onclick=”lnkImageLoad_Click”>Resim Yukle</asp:LinkButton><br />

&nbsp;Resim Yükleyin ve Resimleriniz Listelensin…<br />

</td>

</tr>

</table>

<br />

<table align=”center” cellpadding=”0″ cellspacing=”0″ class=”style2″>

<tr>

<td>

<asp:PlaceHolder ID=”myHolder” runat=”server”></asp:PlaceHolder>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

Default.aspx sayfamizin arka plandaki C# Kodlari :

  1. using System;
  2.  
  3. public partial class _Default : System.Web.UI.Page
  4.  
  5. {
  6.  
  7. Manage manager;
  8.  
  9. protected void Page_Load(object sender, EventArgs e)
  10.  
  11. {
  12.  
  13. manager = new Manage();
  14.  
  15. myHolder.Controls.Clear();
  16.  
  17. }
  18.  
  19. protected void lnkImageLoad_Click(object sender, EventArgs e)
  20.  
  21. {
  22.  
  23. if (myUploader.HasFile)
  24.  
  25. {
  26.  
  27. byte[] image = myUploader.FileBytes;
  28.  
  29. int affected = manager.InsertImage(image);
  30.  
  31. this.Title = affected &gt; 0 ? "Upload OK" : "Upload NOT OK";
  32.  
  33. manager.GetList(this);
  34.  
  35. }
  36.  
  37. }
  38.  
  39. }

Son olarak da yükleme işlemi yaptiktan sonraki görüntüye göz atalim…

Tags: , , , ,
This entry was posted on Wednesday, November 11th, 2009 at 9:19 pm and is filed under ASP.NET, C#. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.