Asp.net Klasöre Fotoğraf Ekleme

ASP.NET’te Klasöre Fotoğraf Ekleme

ASP.NET, web uygulamaları oluşturmak için kullanılan bir açık kaynaklı web geliştirme platformudur. ASP.NET ile web uygulamaları oluştururken, kullanıcıların fotoğraf yükleyebileceği bir klasör oluşturmanız gerekebilir. Bu makalede, ASP.NET’te klasöre fotoğraf ekleme işleminin nasıl yapılacağı anlatılmaktadır.

1. Adım: Klasör Oluşturma

İlk olarak, fotoğrafların yükleneceği klasörü oluşturmanız gerekir. Bu klasörü web uygulamanızın kök dizininde veya herhangi bir alt dizininde oluşturabilirsiniz. Örneğin, web uygulamanızın kök dizininde “Images” adında bir klasör oluşturmak için aşağıdaki adımları izleyebilirsiniz:

  1. Çözüm Gezgini’nde web uygulamanızın kök dizinine sağ tıklayın.
  2. “Yeni” > “Klasör” seçeneğine tıklayın.
  3. Klasörün adını “Images” olarak değiştirin.
  4. “Tamam” düğmesine tıklayın.

2. Adım: Web Form Oluşturma

Fotoğrafların yükleneceği web formunu oluşturmanız gerekir. Bu web formu, kullanıcıların fotoğrafları seçebileceği ve yükleyebileceği bir arayüze sahip olmalıdır. Örneğin, “UploadPhoto.aspx” adında bir web formu oluşturmak için aşağıdaki adımları izleyebilirsiniz:

  1. Çözüm Gezgini’nde web uygulamanızın kök dizinine sağ tıklayın.
  2. “Yeni” > “Web Formu” seçeneğine tıklayın.
  3. Web formunun adını “UploadPhoto.aspx” olarak değiştirin.
  4. “Tamam” düğmesine tıklayın.

3. Adım: Web Formuna Kontroller Ekleme

Web formuna, kullanıcıların fotoğrafları seçebileceği ve yükleyebileceği kontroller eklemeniz gerekir. Bu kontroller, “FileUpload” ve “Button” kontrolleridir. Örneğin, web formuna “FileUpload1” adında bir “FileUpload” kontrolü ve “Button1” adında bir “Button” kontrolü eklemek için aşağıdaki adımları izleyebilirsiniz:

  1. Araç Kutusu’ndan “FileUpload” kontrolünü web formuna sürükleyin.
  2. “FileUpload1” kontrolünün “ID” özelliğini “FileUpload1” olarak değiştirin.
  3. Araç Kutusu’ndan “Button” kontrolünü web formuna sürükleyin.
  4. “Button1” kontrolünün “ID” özelliğini “Button1” olarak değiştirin.
  5. “Button1” kontrolünün “Text” özelliğini “Fotoğraf Yükle” olarak değiştirin.

4. Adım: Kod Yazma

Web formuna kod yazmanız gerekir. Bu kod, kullanıcıların fotoğrafları seçtiğinde ve yüklediğinde yapılacak işlemleri belirler. Örneğin, aşağıdaki kod, “FileUpload1” kontrolünden seçilen fotoğrafın “Images” klasörüne yüklenmesini sağlar:

protected void Button1_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
string fileName = Path.GetFileName(FileUpload1.FileName);
string filePath = Path.Combine(Server.MapPath("~/Images"), fileName);
FileUpload1.SaveAs(filePath);
}
}

5. Adım: Web Uygulamasını Çalıştırma

Web uygulamasını çalıştırmanız gerekir. Bu, web uygulamasının tarayıcıda açılmasını sağlar. Örneğin, web uygulamasını çalıştırmak için aşağıdaki adımları izleyebilirsiniz:

  1. Çözüm Gezgini’nde web uygulamanızın adına sağ tıklayın.
  2. “Başlat” > “Tarayıcıda Başlat” seçeneğine tıklayın.

Web uygulaması tarayıcıda açıldığında, “UploadPhoto.aspx” web formuna gidin. Bu web formunda, fotoğrafları seçebileceğiniz ve yükleyebileceğiniz bir arayüz göreceksiniz. Fotoğrafları seçtikten sonra, “Fotoğraf Yükle” düğmesine tıklayın. Fotoğraflar “Images” klasörüne yüklenecektir.

Faydalı Siteler ve Dosyalar

Yayımlandı

kategorisi