Asp.Net ‘ de Gmail tarzı Dosya Yükleme (File Upload)

Enes Pekkaya    Asp.Net     Ajax, Asp.Net

Asp.Net yazılımcıları için çok yararlı olacak bir bileşen olduğunu düşünüyorum. Ben bu projede lüzumlu gördüğüm yerlerde bazı değişikliklar yaptım. Eğer projenin orjinal halini indirmek isterseniz bu yazının sonunda ilgili linki bulabilirsiniz.

Ajax yardımı ile dosya yükleme işlemini yapabilmek için ihtayacımız olan sadece bir butondur 🙂

Yapmanız gerekenleri anlatmak gerekirse ;

“AjaxFileUpload.dll” adlı dosyayı visual studio Toolboxına ekleyin . Nasıl yapılacağını bilmiyorsanız, aşağıdaki yazımı okuyarak öğrenebilirsiniz ;

Visual Studio Toolbox’a companent(bileşen) eklenmesi

Ekledikten sonra “UploadButton” isminde bir bileşenimiz mevcut olacaktır. Onu sürükle – bırak ile sayfamıza ekliyoruz. Tabi bir tane de FileUpload bileşenin eklememiz gerekmektedir. Burada tek dikkat etmemiz gereken “RelatedFileUploadControlId” isimli değişkene FileUpload bileşenimizin ismimi vermemiz. “UploadButton” a tıklandığında kullanacağımız fonksiyon şöyledir ;

protected string UBfile_UploadClick(object sender, AjaxFileUpload.UploadButtonEventArgs e)
{
e.FileUploadControl.PostedFile.SaveAs(string.Format("{0}\\Images\\{1}", HttpContext.Current.Request.PhysicalApplicationPath, System.IO.Path.GetFileName(e.FileUploadControl.PostedFile.FileName)));

//return Path.GetFileName(e.FileUploadControl.PostedFile.FileName);
return string.Format("<img src=\"{0}/Images/{1}\" width=\"80\" height=\"80\" />", Request.ApplicationPath, System.IO.Path.GetFileName(e.FileUploadControl.PostedFile.FileName));
}

Yukarıda ben “Images” adlı klasöre yüklenmek istenen dosyayı yükletiyorum.  Tabi ben resim dosyası yüklüyorum. Aşağıdaki resimdeki gibi kullanıcının yüklediği resmi göstertiyorum.

İlgili projenin sayfasına gitmek için tıklayın.

Benim yapmış olduğum değişikliklerle birlikte projeyi indirmek için tıklayın.