MVCSHARP Ailesi ile yazılım geliştirmeye dair makaleler

MVC Resim-Dosya Yükleme

Merhaba arkadaşlar bu makalede sizlere basit bir şekilde dosya yüklemeyi anlatacağım ve yüklediğimiz dosyaları klasörden okutarak göstereceğiz. İlerleyen zamanlarda dosyaların uzantılarını boyutlarını da kontrol edeceğiz bugun bir temel oluşturmak amacıyla sadece dosyalarımızı yükleyeceğiz.

Hemen bir ActionResult oluşturalım ve kodlarımızı yazmaya başlayalım. Basitçe anlatmak gerekirse;

  1. Post edilen dosyanın adını alacağız
  2. Kaydedilecek konumu belirteceğiz
  3. Dosyamızı kaydedeceğiz

MVC dosya yükleme

Evet arkadaşlar ActionResult oluşturduk ve tabiki POST edebilmek için de bir ActionResult oluşturduk Post işlemi gerçekleştikten sonra yapılacak işlemleri de yazdık. Sıra geldi sayfamızı eklemeye. ActionResult üzerine gelip sağ tıklayarak AddView deyip sayfamızı ekledikten sonra;

  1. Verileri göndermemiz için form oluşturmalıyız.
  2. Dosya yüklemek için file tipinde bir input oluşturuyoruz
  3. Yükleme işlemi içinde bir submit button gerekiyor wink

Hemen yukarıda sıraladığımız işlemleri yapalım smiley

Not: Aşağıdaki resim de gördüğünüz gibi enctype="multipart/form-data" muhakkak formumuzda olmalıdır yoksa dosya yükleyemeyiz

Html Begin Form

Arkadaşlar herşey tamam şimdi sıra geldi yüklenen dosyaları ekranda göstermek için klasörden okuma işlemi yapmaya. Ben örneğimde sadece resim yükleyeceğim için resimleri görüntülemeyi tercih ediyorum siz isimlerini de sıralatabilirsiniz. yes  Hemen formumuzun tam altına kodlarımızı yazmaya devam edelim wink

Klasör okuma

Arkadaşlar sıra geldi test işlemi yapmaya smiley

Arkadaslar ekranda ilk olarak dosya yüklemediğimiz için sadece dosya yükleme işlemini yapmamızı sağlayacak fileupload aracımızı ve butonumuzu göreceksiniz.

Boş Ekran

Birde Dosya Seç ve Yükle diyerek yapıtığımız işlemin sonucunu görelim cool

Yüklemeden sonra

Evet arkadaşlar Resimlerimizi yükledik ve görüntüleme işlemini yaptık. Umarım sizlere faydalı olmuştur.

Bir sonraki makalede görüşmek üzere;

Fatih BÜLBÜL 

Facebook Üzerinden Yorumlar