{"id":42,"date":"2009-06-20T15:09:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=42"},"modified":"2009-06-20T15:09:00","modified_gmt":"1970-01-01T00:00:00","slug":"asp-net-ile-resimleri-nasil-boyutlandiririz","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2009\/06\/20\/asp-net-ile-resimleri-nasil-boyutlandiririz\/","title":{"rendered":"ASP.NET ile Resimleri Nasil Boyutlandiririz"},"content":{"rendered":"

Merhabalar. Bu makalemizde asp.net c# ile resim boyutlandirmadan bahsedecegiz. <\/span><\/p>\n

Genel olarak resim boyutlandirma web de çok kullanilan bir yapidir. Mesela üye islemlerinde profil resmi kaydedilirken, yüklenen resmin boyutunu ayarlamamiz gerekir yoksa çok büyük resimler için sayfada çok fazla veri göndermek gerekecek, bu da sayfa yüklenme süresini uzatacaktir.<\/span><\/p>\n

Simdi genel olarak bir resim yükleme örnegi yapalim. Bu örnekte yüklenecek resmi, resim boyutlarini, resmin kaydedilecegi path ve ismi disaridan aliyoruz. Bunun için asagidaki formu tasarlayalim.<\/span><\/p>\n

\"\"<\/span><\/p>\n\n \n \n
\n

<<\/span>table<\/span>><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span> colspan<\/span>="2"<\/span> style<\/span>="<\/span>width<\/span>: 250px"><\/span><\/span><\/p>\n

            <\/span><<\/span>input<\/span> id<\/span>="Resim_Gozat"<\/span> runat<\/span>="server"<\/span> style<\/span>="<\/span>width<\/span>: 219px<\/span>; height<\/span>: 23px<\/span>;"<\/span> type<\/span>="file"<\/span> \/><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

    &nnbsp;       <\/span><<\/span>asp<\/span>:<\/span>Label<\/span> ID<\/span>="Label1"<\/span> runat<\/span>="server"<\/span> Text<\/span>="Yükseklik"><\/<\/span>asp<\/span>:<\/span>Label<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>TextBox<\/span> ID<\/span>="YukseklikTxt"<\/span> runat<\/span>="server"><\/<\/span>asp<\/span>:<\/span>TextBox<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>Label<\/span> ID<\/span>="Label2"<\/span> runat<\/span>="server"<\/span> Text<\/span>="Genislik"><\/<\/span>asp<\/span>:<\/span>Label<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>TextBox<\/span> ID<\/span>="GenislikTxt"<\/span> runat<\/span>="server"><\/<\/span>asp<\/span>:<\/span>TextBox<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>Label<\/span> ID<\/span>="Label3"<\/span> runat<\/span>="server"<\/span> Text<\/span>="Resim Adi"><\/<\/span>asp<\/span>:<\/span>Label<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>TextBox<\/span> ID<\/span>="ResimAdTxt"<\/span> runat<\/span>="server"><\/<\/span>asp<\/span>:<\/span>TextBox<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span> colspan<\/span>="2"><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>Button<\/span> ID<\/span>="Yuklebtn"<\/span> runat<\/span>="server"<\/span> Text<\/span>="Yükle"<\/span> OnClick<\/span>="Yuklebtn_Click"<\/span> \/><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>td<\/span> colspan<\/span>="2"><\/span><\/span><\/p>\n

            <\/span><<\/span>asp<\/span>:<\/span>Image<\/span> ID<\/span>="kucukResim"<\/span> runat<\/span>="server"<\/span> \/><\/span><\/span><\/p>\n

        <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

<\/<\/span>table<\/span>><\/span><\/p>\n <\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n

 <\/span><\/p>\n

Göz at butonu, yani FileUpload kullanimi ile ilgili detayli bilgiyi buradan<\/span><\/a><\/span> inceleyebilirsiniz.<\/span><\/p>\n

.<\/a><\/p>\n

Yapimiz aslinda gayet basit. Göz at toolu ile seçilen resmi, istenen ebatlarda boyutlandirip istenen klasöre kaydediyoruz.  <\/span>Bu islemi yapmak için öncelikle seçilen resmi geçici olarak herhangi bir klasöre kaydediyoruz. Sonra Bitmap sinifini kullanarak istedigimiz boyutta kaydediyoruz. En son olarak geçici resmimizi siliyoruz. Islemler sirasinda bize lazim olacak olan : <\/span>System<\/span>.Drawing.Imaging System.IO ve System.Drawing <\/span>kütüphanelerini  <\/span>kodumuza eklemeyi unutmayalim. <\/span><\/p>\n

Gerekli kodumuz:<\/span><\/p>\n\n \n \n
\n

\/\/ gerekli degerleri alalim<\/span><\/p>\n

int<\/span> genislik = 300;<\/span><\/p>\n

int<\/span> yukseklik = 400;<\/span><\/p>\n

string<\/span> resimAdi = "yeniresim.jpg"<\/span>;<\/span><\/p>\n

string<\/span> resimyolu = Server.MapPath(""<\/span>);<\/span><\/p>\n

try<\/span><\/p>\n

{<\/span><\/p>\n

    <\/span>genislik = Convert<\/span>.ToInt32(GenislikTxt.Text);<\/span><\/p>\n

    <\/span>yukseklik = Convert<\/span>.ToInt32(YukseklikTxt.Text);<\/span><\/p>\n

}<\/span><\/p>\n

catch<\/span> (Exception<\/span>)<\/span><\/p>\n

{<\/span><\/p>\n

}<\/span><\/p>\n

 <\/span><\/p>\n

if<\/span> (ResimAdTxt.Text != ""<\/span>)<\/span><\/p>\n

{<\/span><\/p>\n

    <\/span>resimAdi = ResimAdTxt.Text + ".jpg"<\/span>;<\/span><\/p>\n

}<\/span><\/p>\n

\/\/resim boyutlandirma<\/span><\/p>\n

\/\/ önce file upload ile seçilen resmi geçici olarak kaydelim<\/span><\/p>\n

Resim_Gozat.PostedFile.SaveAs("\\\\"<\/span> + Resim_Gozat.PostedFile.FileName);<\/span><\/p>\n

\/\/yeni boyutlarda bir resim olusturup  <\/span>kaydedelim <\/span><\/p>\n

using<\/span> (Bitmap<\/span> gercekresim = new<\/span> Bitmap<\/span>("\\\\"<\/span> + Resim_Gozat.PostedFile.FileName))<\/span><\/p>\n

{<\/span><\/p>\n

    <\/span>\/\/ boyutlari belirleyelim<\/span><\/span><\/p>\n

    <\/span>Size<\/span> newSize = new<\/span> Size<\/span>(yukseklik, genislik);<\/span><\/p>\n

    <\/span>Bitmap<\/span> yeniResim = new<\/span> Bitmap<\/span>(gercekresim, newSize);<\/span><\/p>\n

    <\/span>\/\/ resmi istenen klasöre kaydedelim <\/span><\/span><\/p>\n

    <\/span>string<\/span> path = resimyolu + "\\\\"<\/span> + resimAdi;<\/span><\/p>\n

    <\/span>yeniResim.Save(path,ImageFormat<\/span>.Jpeg);<\/span><\/p>\n

    <\/span>gercekresim.Dispose();<\/span><\/p>\n

 <\/span><\/p>\n

    <\/span>kucukResim.ImageUrl = resimAdi;<\/span><\/p>\n

}<\/span><\/p>\n

\/\/geçici olarak kaydettigimiz resmi silelim<\/span><\/p>\n

FileInfo<\/span> fi = new<\/span> FileInfo<\/span>("\\\\"<\/span> + Resim_Gozat.PostedFile.FileName);<\/span><\/p>\n

fi.Delete();<\/span><\/p>\n <\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n

 <\/span><\/p>\n

Örnek Projeyi buradan indirebilirsiniz<\/a><\/span><\/p>","protected":false},"excerpt":{"rendered":"

Genel olarak resim boyutlandirma web de çok kullanilan bir yapidir. Mesela üye islemlerinde profil resmi kaydedilirken, yüklenen resmin boyutunu ayarlamamiz gerekir yoksa çok büyük resimler için sayfada çok fazla veri göndermek gerekecek, bu da sayfa yüklenme süresini uzatacaktir.<\/p>\n","protected":false},"author":525,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[407],"tags":[5264,5609,4998,4254,5803,6005,4522],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/42"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/525"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}