File Upload Asp.net Resim Ekleme

ASP.NET’te Resim Yükleme

ASP.NET, web uygulamaları oluşturmak için kullanılan bir Microsoft teknolojisidir. ASP.NET’te resim yükleme, kullanıcıların web uygulamanıza resim yüklemelerine olanak tanıyan bir özelliktir. Bu özellik, e-ticaret siteleri, sosyal medya siteleri ve fotoğraf paylaşım siteleri gibi birçok farklı web uygulamasında kullanılır.

ASP.NET’te resim yükleme işlemi, aşağıdaki adımlardan oluşur:

  1. HTML formunda bir dosya yükleme alanı oluşturun.
  2. Formun işlenmesini sağlayan bir kod yazın.
  3. Yüklenen resmi sunucuda saklayın.
  4. Yüklenen resmi web uygulamanızda görüntüleyin.

HTML Formunda Bir Dosya Yükleme Alanı Oluşturma

HTML formunda bir dosya yükleme alanı oluşturmak için <input> etiketini kullanabilirsiniz. <input> etiketinin type özniteliği, dosya yükleme alanının türünü belirler. Resim yüklemek için type özniteliğinin değerini "file" olarak ayarlamanız gerekir.

“`html



“`

Formun İşlenmesini Sağlayan Bir Kod Yazma

Formun işlenmesini sağlayan kod, upload.aspx sayfasında yer alır. Bu kod, yüklenen resmi sunucuda saklar ve web uygulamanızda görüntüler.

“`csharp
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Files.Count > 0)
{
HttpPostedFile file = Request.Files[0];

    // Resmin adını ve uzantısını alın.
    string fileName = Path.GetFileName(file.FileName);
    string fileExtension = Path.GetExtension(file.FileName);

    // Resmin saklanacağı yolu belirleyin.
    string filePath = Server.MapPath("~/uploads/" + fileName);

    // Resmi sunucuda saklayın.
    file.SaveAs(filePath);

    // Resmin web uygulamanızda görüntülenmesini sağlayın.
    Image image = new Image();
    image.ImageUrl = "~/uploads/" + fileName;
    image.Width = 200;
    image.Height = 200;
    form1.Controls.Add(image);
}

}
“`

Yüklenen Resmi Sunucuda Saklama

Yüklenen resmi sunucuda saklamak için HttpPostedFile.SaveAs() yöntemini kullanabilirsiniz. Bu yöntem, resmi belirtilen yola kaydeder.

csharp
file.SaveAs(filePath);

Yüklenen Resmi Web Uygulamanızda Görüntüleme

Yüklenen resmi web uygulamanızda görüntülemek için <img> etiketini kullanabilirsiniz. <img> etiketinin src özniteliği, görüntülenecek resmin yolunu belirler.

html
<img src="~/uploads/resim.jpg">

Faydalı Siteler ve İlgili Dosyalar


Yayımlandı

kategorisi