Asp Net Kullanıcı Fotoğraf Yükleme

ASP.NET Kullanıcı Fotoğraf Yükleme

ASP.NET, web uygulamaları geliştirmek için kullanılan bir açık kaynaklı web geliştirme platformudur. ASP.NET, kullanıcıların fotoğraflarını yüklemelerine olanak tanıyan bir dizi özellik içerir. Bu makalede, ASP.NET’te kullanıcı fotoğrafı yükleme işleminin nasıl gerçekleştirileceği açıklanacaktır.

1. Adım: Proje Oluşturma

İlk olarak, Visual Studio’da yeni bir ASP.NET web uygulaması projesi oluşturun. Projeye uygun bir ad verin ve “Tamam” düğmesine tıklayın.

2. Adım: Model Oluşturma

Ardından, projenize bir model sınıfı ekleyin. Model sınıfı, kullanıcı fotoğraflarının veritabanında nasıl saklanacağını tanımlayacaktır. Aşağıdaki adımları izleyerek model sınıfını oluşturabilirsiniz:

  1. Çözüm Gezgini’nde “Modeller” klasörüne sağ tıklayın ve “Yeni” > “Sınıf” seçeneğine tıklayın.
  2. Sınıfa uygun bir ad verin (örneğin, “KullaniciFotografi”) ve “Ekle” düğmesine tıklayın.
  3. Aşağıdaki kodu model sınıfına ekleyin:

public class KullaniciFotografi
{
public int Id { get; set; }
public string KullaniciAdi { get; set; }
public byte[] Fotografi { get; set; }
}

3. Adım: Veritabanı Oluşturma

Model sınıfını oluşturduktan sonra, veritabanını oluşturmanız gerekir. Aşağıdaki adımları izleyerek veritabanını oluşturabilirsiniz:

  1. Çözüm Gezgini’nde “Veri” klasörüne sağ tıklayın ve “Yeni” > “Veritabanı” seçeneğine tıklayın.
  2. Veritabanına uygun bir ad verin (örneğin, “KullaniciFotograflari”) ve “Tamam” düğmesine tıklayın.
  3. Veritabanı oluşturulduktan sonra, “Tablolar” klasörüne sağ tıklayın ve “Yeni” > “Tablo” seçeneğine tıklayın.
  4. Tabloya uygun bir ad verin (örneğin, “KullaniciFotograflari”) ve “Ekle” düğmesine tıklayın.
  5. Aşağıdaki sütunları tabloya ekleyin:

| Sütun Adı | Veri Türü |
|—|—|
| Id | int |
| KullaniciAdi | nvarchar(50) |
| Fotografi | varbinary(max) |

4. Adım: Görünüm Oluşturma

Veritabanını oluşturduktan sonra, kullanıcıların fotoğraflarını yükleyebilecekleri bir görünüm oluşturmanız gerekir. Aşağıdaki adımları izleyerek görünümü oluşturabilirsiniz:

  1. Çözüm Gezgini’nde “Görünümler” klasörüne sağ tıklayın ve “Yeni” > “Görünüm” seçeneğine tıklayın.
  2. Görünüme uygun bir ad verin (örneğin, “KullaniciFotografiYukle”) ve “Ekle” düğmesine tıklayın.
  3. Aşağıdaki kodu görünüme ekleyin:

“`
@model KullaniciFotografi

@{
ViewBag.Title = “Kullanıcı Fotoğrafı Yükle”;
}

Kullanıcı Fotoğrafı Yükle



“`

5. Adım: Denetleyici Oluşturma

Görünümü oluşturduktan sonra, kullanıcıların fotoğraflarını yükleme işlemini gerçekleştirecek bir denetleyici oluşturmanız gerekir. Aşağıdaki adımları izleyerek denetleyiciyi oluşturabilirsiniz:

  1. Çözüm Gezgini’nde “Denetleyiciler” klasörüne sağ tıklayın ve “Yeni” > “Denetleyici” seçeneğine tıklayın.
  2. Denetleyiciye uygun bir ad verin (örneğin, “KullaniciFotografiYukleDenetleyici”) ve “Ekle” düğmesine tıklayın.
  3. Aşağıdaki kodu denetleyiciye ekleyin:

“`
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using KullaniciFotograflari.Models;

namespace KullaniciFotograflari.Controllers
{
public class KullaniciFotografiYukleDenetleyici : Controller
{
// GET: KullaniciFotografiYukle
public ActionResult Index()
{
return View();
}

    // POST: KullaniciFotografiYukle
    [HttpPost]
    public ActionResult Index(KullaniciFotografi kullaniciFotografi)
    {
        if (kullaniciFotografi.Fotografi != null)
        {
            // Fotoğrafı veritabanına kaydedin.
        }

        return View();
    }
}

}
“`

6. Adım: Uygulamayı Çalıştırma

Tüm adımları tamamladıktan sonra, uygulamayı çalıştırabilirsiniz. Uygulama çalıştıktan sonra, “Kullanıcı Fotoğrafı Yükle” sayfasına gidin ve fotoğrafınızı seçip “Yükle” düğmesine tıklayın. Fotoğrafınız veritabanına kaydedilecektir.

Faydalı Siteler


Yayımlandı

kategorisi