MVC de Resim Ölçeklendirme

Web sitelerinde resim dosyalarının en,boy ve büyüklüklerini optimize etmek, yükleme zamanını çok azaltır. Resim yoğunluklu
sitelerde, bu azalma herşey demektir.
170 KB tutan png uzantılı bir dosya %90 küçültürek 17 KB ik bir jpeg uzantılı dosya haline getirilebilir.
Bu işlem, serverın işlemci yükünün artmasına sebeb olsada, yükleme hızını çok arttırmasınından dolayı server yükü kabul edilebir bir maliyet olarak görülür.

klasik bir html tagı olan img ye bir bakalım. Bu tagın src özelliği görüntülecek dosyanın yolunu belitir.

<img src="/Content/Image/test.png">

test.png dosyasının 170 kb uzunluğunda olduğunu varsayalım.

ilk önce route işlemimizi yapalım

routes.MapRoute("ImageResize",
     "GenelUtil/ImageResize/{width}x{height}/{imageName}",
     new { controller = "FrontPage", action = "ImageResize", keyWord = UrlParameter.Optional },
     new[] { "Genorobotic.Plugin.NewsPaper.Controllers" }
);

sonra GenelUtil isimli controler da aağıdaki actionı yaratalım
public ActionResult ImageResize(int width,int height,string imageName)
      {
          Image srcImage = null;
          string fileNotFoundPath = null;
          string imageFile = null;
          try
          {
              imageFile = Server.MapPath(""~/Content/Image/"+imageName);
              fileNotFoundPath = Server.MapPath("~/Content/Image/fileNotFound.jpg");
              srcImage = Image.FromFile(imageFile);
          }
          catch (FileNotFoundException ex)
          {
              srcImage = Image.FromFile(fileNotFoundPath);
          }
          catch (Exception ex)
          {
              return null;

          }
          using (var newImage = new Bitmap(width, height))
          using (var graphics = Graphics.FromImage(newImage))
          using (var stream = new MemoryStream())
          {
              graphics.SmoothingMode = SmoothingMode.AntiAlias;
              graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
              graphics.PixelOffsetMode = PixelOffsetMode.HighQuality;
              graphics.DrawImage(srcImage, new Rectangle(0, 0, width, height));
              newImage.Save(stream, System.Drawing.Imaging.ImageFormat.Jpeg);
              return File(stream.ToArray(), "image/jpeg");
          }
      }

   Server tarafında işimiz bitti. artık client tarafında

  <img src="/GenelUtil/ImageResize/300x200/test.png">        
  yazdığımızda test.png dosyasını yeni ölçeklendirip 300x200 oyutlarında,  jpeg formatında bir dosya haline getirecetir.
  170 KB dosya 10 KB civarına inecek buda yüklenme süresini çok kısaltacaktır.

Aşağıda linki verilen site bu action ı kullanmaktadır
epubevi.com

Sağlıcakla Kalın

Serdar GÜNER

Servera Gonderme POST

Merhaba,
Diğer makalerlerde oluşturduğumuz ve okuduğumuz xml dosyasını servera göndermeye çalışalım.

  using (WebClient client = new WebClient())
                                {

                                    client.Headers[HttpRequestHeader.ContentType] = "text/xml";
                                    client.Headers[HttpRequestHeader.AcceptEncoding] = "Encoding.UTF8";
                                    client.Encoding = Encoding.UTF8;
                                    NameValueCollection parameters = new NameValueCollection();
                                    parameters.Add("storeId", StoreList[storeCombo.SelectedIndex].id.ToString());
                                    client.QueryString = parameters;
                                    var responsebytes = client.UploadString("http://benimserver.com, "POST", SplitXml(StoreList[index].id,filePath, i, 50));
                                    System.Threading.Thread.Sleep(500);
                                    itemCount = i;
}



Client adını verdiğimiz yeni bir WebClient sınıfı yaratıyoruz.

Göndermeyi post medotu ile yapacağımızdan gönderinin header kısmının Controltype ve Encoding bilgilerini veriyoruz.
Parametereleri göndermek için bir kaç yol varsada, benim için  en kullanışlısı ValueCollection sınıfı geliyor . Bu sınıfın üzerinde çalışırken dictionary işlemlerini yapabilmek, parametreleri hazırlamayı kolaylaştırıyor. bu sınıfa eklediğimiz parametleri QueryString  atıyoruz. Xml i  string haline getirdiğimizden, uploadstring sınıfını kullanarak gönderiyoruz . Gönrerirken yarattığımız Split fonksiyonunu kullanarak parçalıyoruz. Bu yolla büyük xml dosylarını küçük parçalar halinde servera gönderme olanağımız doğuyor.



Göz atmakata yarar var 

Sağlıcakla Kalın

Serdar GÜNER

Linq Kullanarak Xml Okuma

Bir önceki çalışmada xml yaratmayı gördük. Şimdi yarattığımız xml dosyasını kullanalım ve üzerinde biraz oynayalım.
Okumak için bir çok yol var en sevdiğim ve bana kolay gelen. xml linq .alışık olduğumuz linq yapısını xml  uygulamak hem işleri kolaylaştırıyor hemde kod anlamlılığını arttırıyor.
Xml dosyamız aşağıdaki  fortmatta gösterildiği gibi olsun
<?xml version="1.0" encoding="UTF-8"?>
<Haberler>
  <Haber>
    <Type>H</Type>
    <Tarih>2013-09-02T10:50:00.0000000+03:00</Tarih>
    <Web>RadikalKitap</Web>
    <ImagePath>http://kitap.ilgilisin.com/Content/Images/notfound/kitap-notfound.jpg</ImagePath>
    <Title>Jamie Oliver’dan “siyasi” bağış</Title>
    <ShortDesc> Ünlü İngiliz aşçı, yoksul aileler hakkında yaptığı açıklamaların tartışma yaratmasının hemen ardından son kitabını ülkedeki 4 binden fazla kütüphaneye bağışlama kararı aldı.</ShortDesc>
    <LongDesc><![CDATA[ <p> Jaime Oliver’ın yayıncısı Penguin Random House, ünlü şefin “Save with Jamie” adlı son kitabından birer kopyayı ]]></LongDesc>
    <ImagePathDesc>http://kitap.ilgilisin.com/Content/Images/notfound/kitap-notfound.jpg</ImagePathDesc>
    <StoreId>8</StoreId>
    <IsSlider>False</IsSlider>
    <IsTopSlider>False</IsTopSlider>
    <IsBottomSlider>False</IsBottomSlider>
    <Tags>ülke,İngiltere</Tags>
    <NumberOfViews>1767</NumberOfViews>
    <NumberOfLike>34</NumberOfLike>
    <NumberOfDisLike>1414</NumberOfDisLike>
  </Haber>
  <Haber>
     .
     .
  </Haber>
  <Haber>
     .
     .
  </Haber>
  <Haber>
     .
     .
  </Haber>
</Haberler> 
System.Xml.Linq namespace adı ile bu sınıfı kullanabiliriz.

        public XmlOku(string path)
        {
             var list=XDocument.Load(path).Root.Elements().ToList();
         }
artık elimizde üzerinde çalışabileceğimiz bir List sınıfı var. Eskiden foreach döngüleriyle üzerinde çalışırdık Şimdi Linq'nun listeler üzerindeki gücünü kullanıyoruz.

Ön alıştırma olarak bir fonksiyonla bu listtin eleman sayısını alalım

  public int  GetXmlElemanCount(string path)
        {
            return XDocument.Load(path).Root.Elements().ToList().Count();
        }
Bu basit fonksiyon parametre olarak gelen dosya yolunu okuyuo bu  dosyadaki eleman sayısı ile bize dönecek;
Şimdi listemizdeki storeId lere sabit bir değer atayalım

   XDocument.Load(path).Root.Elements().ToList().ForEach(x=>x.StoreId=storeId);
tek satırda hem xml dosyamızı okuttuk hemde foreach medotu ile bu listenin bütün elemanlarının içindeki bir değeri değiştirdik.

Büyük listeler servera gönderirken sorun çıkarabilir genelde serverlardaki yüklenen dosya büyüklüğü 4 Mb ile sınırlıdır. Bunu göz önüne alarak listemizi küçük parçalara ayıralım ve sonucu Xml string olarak alalım. Bu arada storeId yide yeniden atayalım


        public string SplitXml(int storeId,string path, int start = 0, int length = Int32.MaxValue)
        {
            StringBuilder sb = new StringBuilder(@"<?xml version='1.0' encoding='UTF - 8'?><Haberler>");
            XDocument.Load(path).Root.Elements()
           .Skip(start).Take(length).ToList().ForEach(x => sb.Append(SetStoreId(x,storeId).ToString()));
            sb.Append("</Haberler>");
            return sb.ToString();
        }
    }
     public XElement SetStoreId( XElement x,int storeId)
        {
            x.SetElementValue("StoreId", storeId);
            return x;
        }

StringBuilder sb = new StringBuilder(@"<?xml version='1.0' encoding='UTF - 8'?><Haberler>");
            XDocument.Load(path).Root.Elements()

Dosyayı okuttuk  ve root elemanından itibaren aldık.


.Skip(start).Take(length).ToList().

Skip medoduyla start değeri kadar atladık ve oradan listeden  length degeri kadar satırı  Take medodunu kullanarak ayrı bir liste haline getirdik.
Bu listenin her satırına ForEach medoduyla ulaştık burada SetSoreId fonksiyonunu ForEach içinde her satıra uyguladık. Fonksiyondan dönen elemanı stringbuilder tipinde olan  sb.Append medoduyla sb değişkenine ekledik.

SplitXml(5,"yol.xml" 300,700);
parametleriyle fonsiyonunu çağırdığımızda  yol .xml dosyadını okuyacak 300 satırdan itibaren 700 satırı bir liste haline getirecek ve bu listenin her bir elemanına SetStoreId fonksinyunu uygulayarak storeId değerine 5 tam sayısını atayacak.
 SplitXml fonksiyonunda bir satırda bir çok sorunumuzu çözdük. dosyamızı okuduk,skip ve store metodlarıyla yeni bir list oluşturduk Bu liste uyguladığımız. foreach metodunda SetStoreId functionını kullanarak store idleri değiştirdik ve string builder sınıfımızı kullanarak xml string yarattık.

Bu günlük bu kadar. Sonraki günlerde yarattığımız bu xml stringi webclient sınıfını kullanarak servera göndereceğiz.

Kendinize iyi bakın

Serdar GÜNER

 http://epubevi.com