#MVC Resim Ekleme
MVC Resim Ekleme ve Görüntüleme:
Herkese merhaba,
Bugün yazı serimize MVC resim ekleme işlemi ile devam edeceğiz.
MVC Web Application uygulaması oluşturduğumuzu varsayarak resim ve dosya yükleme işlemini adım adım anlatacağız.
1- View tarafında kullanıcının resimlerini sisteme yüklemesi için html kodu ile input alanı oluştururuz.
İnput tipini file yazmamız gerekmektedir.Bu sayede dosya girişinin olacağını belirtmiş oluruz.
<input type="file" name="Resim" id="ResimData" />
2- Yazdıktan sonra oluşturduğumuz html kodun çıktısı şu şekilde olmalıdır.
3- View tarafında input alanımızı başarılı bir şekilde oluşturduk.Yüklenecek resmi seçer Oluşturduğumuz view modelimizi post işlemi ile controller alanına göndeririz.Controller tarafında resim modelimizi alacağımız tip "HttpPostedFileBase" olmalıdır.
Gönderdiğimiz model ile işlemlerimize şu şekilde devam ederiz.
[HttpPost]
public ActionResult ImageUpload(HttpPostedFileBase image)
{
return View();
}
4- Modelimizi controllerımızda aldıktan sonra projemizde oluşturduğumuz "UploadedFiles" klasörüne yüklenen resimleri kaydederiz.Kaydetme işlemi esnasında dosyanın adı , kaydedilecek alanın path bilgileri gereklidir.
[HttpPost]
public ActionResult ImageUpload(HttpPostedFileBase image)
{
string path = Path.Combine(Server.MapPath("~/UploadedFiles"), Path.GetFileName(image.FileName));
image.SaveAs(path);
return View();
}
- HttpPostedFileBase olarak aldığımız modelimizi Path Combine methodu ile gerçekleştiririz.
Methoda yüklenecek alan bilgisi ve dosya adı girişini gerçekleştiririz ve modelimizin SaveAs methodu ile yükleme işlemi gerçekleşir.Yüklenen dosyaları tekrar görüntülemek için ise dosya path bilgisi ve dosya adı bilgilerini kayıt altına tutmamız gerekir.
Gelecek yazılarımızda database'e bilgileri kaydetme ve yüklenilen dosyaları görüntüleme ve indirme işlemlerine değineceğiz.
Sevgiler
#MVCResimEkleme#MVCUploadImage#.NetResimEkleme
Kayıtlar
