Bilgisayardan Resim Ekleme Yolu ASP: Kapsamlı Bir Kılavuz
ASP.NET, web uygulamaları geliştirmek için kullanılan güçlü bir çerçevedir. Resim ekleme özelliği, web sayfalarına görsel içerik eklemek için çok önemlidir. Bu makale, ASP.NET’te bilgisayarınızdan resim eklemenin adım adım bir kılavuzunu sağlayacaktır.
Adım 1: Bir ASP.NET Web Uygulaması Oluşturma
Visual Studio’yu açın ve “Yeni Proje” iletişim kutusunu açmak için “Dosya” > “Yeni” > “Proje”ye tıklayın. “ASP.NET Web Uygulaması” şablonunu seçin ve projeye bir ad verin.
Adım 2: Bir Dosya Yükleme Kontrolü Ekleme
“Araç Kutusu”ndan “Dosya Yükleme” kontrolünü sürükleyip web formunuza bırakın. Kontrolün “ID” özelliğini “FileUpload1” olarak ayarlayın.
Adım 3: Dosya Yükleme İşleyicisini Ekleme
Web formunuzun arkasındaki kod dosyasını açın. “Page_Load” olay işleyicisine aşağıdaki kodu ekleyin:
csharp
protected void Page_Load(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
// Dosyayı yükle
string dosyaAdi = FileUpload1.FileName;
string dosyaYolu = Server.MapPath("~/Resimler/" + dosyaAdi);
FileUpload1.SaveAs(dosyaYolu);
}
}
Bu kod, dosya yüklendiğinde çalışır ve dosyayı “Resimler” adlı bir klasöre kaydeder.
Adım 4: Resim Yolunu Veritabanına Kaydetme
Dosyayı yükledikten sonra, yolunu veritabanına kaydetmeniz gerekebilir. Aşağıdaki kodu “Page_Load” olay işleyicisine ekleyin:
“`csharp
if (FileUpload1.HasFile)
{
// Dosyayı yükle
string dosyaAdi = FileUpload1.FileName;
string dosyaYolu = Server.MapPath(“~/Resimler/” + dosyaAdi);
FileUpload1.SaveAs(dosyaYolu);
// Resim yolunu veritabanına kaydet
string baglantiCumlesi = "Bağlantı Cümlesi";
using (SqlConnection baglanti = new SqlConnection(baglantiCumlesi))
{
string sorgu = "INSERT INTO Resimler (ResimYolu) VALUES (@ResimYolu)";
using (SqlCommand komut = new SqlCommand(sorgu, baglanti))
{
komut.Parameters.AddWithValue("@ResimYolu", dosyaYolu);
baglanti.Open();
komut.ExecuteNonQuery();
baglanti.Close();
}
}
}
“`
Bu kod, dosya yolunu “Resimler” adlı bir veritabanı tablosuna kaydeder.
Adım 5: Resimleri Web Sayfasında Gösterme
Resimleri web sayfanızda görüntülemek için aşağıdaki kodu kullanabilirsiniz:
html
<asp:Image ID="Image1" runat="server" ImageUrl="~/Resimler/dosyaAdi.jpg" />
Bu kod, “dosyaAdi.jpg” adlı resmi “Resimler” klasöründen görüntüler.