Bidirim Sesi Ekleme Asp.net Mvc

ASP.NET MVC’de Ses Dosyası Yükleme

Giriş

ASP.NET MVC, web uygulamaları geliştirmek için güçlü bir çerçevedir. Kullanıcılara ses dosyalarını yükleme yeteneği sağlamak, birçok uygulama için önemli bir özelliktir. Bu makale, ASP.NET MVC’de ses dosyalarını nasıl yükleyeceğinizi adım adım açıklayacaktır.

Ön Koşullar

  • Visual Studio 2019 veya üstü
  • ASP.NET MVC 5 veya üstü
  • Bir ses dosyası

Adım 1: Yeni Bir ASP.NET MVC 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ı (.NET Framework)” şablonunu seçin ve “İleri”ye tıklayın. Uygulamaya bir ad verin ve “Oluştur”a tıklayın.

Adım 2: Bir Model Oluşturma

“Modeller” klasörüne sağ tıklayın ve “Ekle” > “Yeni Öğe”ye tıklayın. “Sınıf” şablonunu seçin ve “SesDosyasi” adını verin. “Ekle”ye tıklayın.

Aşağıdaki kodu “SesDosyasi.cs” dosyasına ekleyin:

csharp
public class SesDosyasi
{
public int Id { get; set; }
public string Ad { get; set; }
public string IcerikTipi { get; set; }
public byte[] Veri { get; set; }
}

Adım 3: Bir Veritabanı Bağlantısı Ekleme

“Web.config” dosyasını açın ve aşağıdaki bağlantı dizesini “connectionStrings” bölümüne ekleyin:

xml
<connectionStrings>
<add name="SesDosyalariDB" connectionString="Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\SesDosyalari.mdf;Integrated Security=True" providerName="System.Data.SqlClient" />
</connectionStrings>

Adım 4: Bir Veritabanı Bağlamı Oluşturma

“Modeller” klasörüne sağ tıklayın ve “Ekle” > “Yeni Öğe”ye tıklayın. “Veri” şablonunu seçin ve “SesDosyalariDBContext” adını verin. “Ekle”ye tıklayın.

Aşağıdaki kodu “SesDosyalariDBContext.cs” dosyasına ekleyin:

“`csharp
public class SesDosyalariDBContext : DbContext
{
public SesDosyalariDBContext() : base(“SesDosyalariDB”)
{
}

public DbSet<SesDosyasi> SesDosyalari { get; set; }

}
“`

Adım 5: Bir Denetleyici Oluşturma

“Denetleyiciler” klasörüne sağ tıklayın ve “Ekle” > “Yeni Öğe”ye tıklayın. “Denetleyici” şablonunu seçin ve “SesDosyalari” adını verin. “Ekle”ye tıklayın.

Aşağıdaki kodu “SesDosyalariController.cs” dosyasına ekleyin:

“`csharp
public class SesDosyalariController : Controller
{
private readonly SesDosyalariDBContext _db;

public SesDosyalariController(SesDosyalariDBContext db)
{
    _db = db;
}

public ActionResult Index()
{
    var sesDosyalari = _db.SesDosyalari.ToList();
    return View(sesDosyalari);
}

[HttpPost]
public ActionResult Yukle(HttpPostedFileBase dosya)
{
    if (dosya != null && dosya.ContentLength > 0)
    {
        var sesDosyasi = new SesDosyasi
        {
            Ad = dosya.FileName,
            IcerikTipi = dosya.ContentType,
            Veri = new byte[dosya.ContentLength]
        };

        dosya.InputStream.Read(sesDosyasi.Veri, 0, dosya.ContentLength);

        _db.SesDosyalari.Add(sesDosyasi);
        _db.SaveChanges();
    }

    return RedirectToAction("Index");
}

}
“`

Adım 6: Bir Görünüm Oluşturma

“Görünümler” klasörüne sağ tıklayın ve “Ekle” > “Yeni Öğe”ye tıklayın. “Görünüm” şablonunu seçin ve “Index” adını verin. “Ekle”ye tıklayın.

Aşağıdaki kodu “Index.cshtml” dosyasına ekleyin:

“`html
@model IEnumerable

@{
ViewBag.Title = “Ses Dosyaları”;
}

Ses Dosyaları

@foreach (var sesDosyasi in Model)
{

}

Ad İçerik Tipi Boyut
@sesDosyasi.Ad @sesDosyasi.IcerikTipi @sesDosyasi.Veri.Length

“`

Adım 7: Uygulamayı Çalıştırma

Uygulamayı çalıştırmak için “F5” tuşuna basın. “Ses Dosyaları” sayfasına gidin ve bir ses dosyası seçin. “Yükle” düğmesine tıklayın. Dosya veritabanına yüklenecek ve “Ses Dosyaları” sayfasında görünecektir.

Faydalı Kaynaklar


Yayımlandı

kategorisi