asp.net JQuery kullanarak çoklu upload

Bu makalemizde birden fazla dosyayı jquery ile nasıl upload edebileceğimizi göreceğiz.Kullandığımız jquery plugini . Fyneworks’e aittir.

Bu yeni çıkan plugin ‘in dosyaları ekten indirbilirsiniz.

(jQuery.MultiFile) birden fazla dosyayı hızlı bir şekilde upload ettiğini göreceksiniz.

1:Visual Studio 2010 > File > New > Website > ASP.NET 3.5 website bölümünü açın.Solution Explorer üzerine sağ tıklayarak Yeni klasör oluşturup adını Scripts olarak değiştirin.

2: jQuery 1.3.2 burdan indirin, Projeniz içinde Scripts klasörü oluşturun ve indirdiğiniz jquery’i içine atın.

Şimdi default.aspx sayfamızın html code kısmına geçelim ve Head tagının arasına aşağıdaki ekleyin.

 

3-Design bölümüne geçip , Tools içerisinden Asp.Net FileUpload kontrolünü ekleyelim, ayrıca bir adet buton ekleyelim.

Buton sayfamızdaki seçilen dosyayı upload etmek için tetikliyici olarak kullanılacaktır.

Html kod bölümü aşağıdaki gibi olmalıdır

FileUpload kontroölünün class bölümü ”multi” olarak ayarlayalım.

Eklemiş olduğumuz Butonun üstünde yazan ismi Upload olarak değiştirelim. ve button’un üstüne çift tıklayıp event’ına girelim aşağıdaki kodları kopyalayalım.

protected void button1_Click(object sender, EventArgs e)


try


// Get the HttpFileCollection

HttpFileCollection hfc = Request.Files;

for (int i = 0; i < hfc.Count; i++) HttpPostedFile hpf = hfc[i]; if (hpf.ContentLength > 0)


hpf.SaveAs(Server.MapPath(“MyFiles”) + “\\” +

System.IO.Path.GetFileName(hpf.FileName));

Response.Write(“File: ” + hpf.FileName + ” Size: ” +

hpf.ContentLength + ” Type: ” + hpf.ContentType + ” Uploaded Successfully

“);




catch (Exception ex)

VB.NET

Protected Sub button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnUpload.Click

Try

‘ Get the HttpFileCollection

Dim hfc As HttpFileCollection = Request.Files

For i As Integer = 0 To hfc.Count – 1

Dim hpf As HttpPostedFile = hfc(i)

If hpf.ContentLength > 0 Then

hpf.SaveAs(Server.MapPath(“MyFiles”) & “\” & System.IO.Path.GetFileName(hpf.FileName))

Response.Write(“File: ” & hpf.FileName & ” Size: ” & hpf.ContentLength & ” Type: ” & hpf.ContentType & ” Uploaded Successfully

“)

End If

Next i

Catch ex As Exception

End Try

End Sub

 

Proje Resimleri :

Projeyi indirmek için Burdan şifresi : www.sqlogren.com

 

 

asp.net JQuery kullanarak çoklu upload