Множественное сжатие изображения без потери качества перед загрузкой

Question

Мне нужно загрузить несколько изображений на сервер, но перед загрузкой они должны быть сжаты на стороне клиента без потери качества (с использованием jQuery).

Есть ли способ получить ширину и высоту каждого изображения?

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#Upload").click(function() { 
      var formData = new FormData(); 
      var image = new Image(); 
      var totalFiles = document.getElementById("fileUpload").files.length; 

      for (var i = 0; i < totalFiles; i++) { 
       var file = document.getElementById("fileUpload").files[i]; 
       formData.append("fileUpload", file); 
      } 

      $.ajax({ 
       type: "POST", 
       url: '/Ajaximage/Upload', 
       data: formData, 

       dataType: 'json', 
       contentType: false, 
       processData: false, 
       success: function(response) { 
        //alert('succes!!'); 
       }, 
       error: function(error) { 
        //alert("Failed"); 
       } 
      }); 
     }); 
    }); 
</script> 

Answer 1

после получения файла в веб-службе, которую вы вызываете с помощью ajax. Приведите его в объект System.Drawing.Image. вы можете получить высоту и ширину изображения, используя свойства Height и Width, если Object.Drawing.Image Object.

По сжатия я думаю, что вы имеете в виду изменение размера изображения Попробуйте эту функцию

public System.Drawing.Image resizeImage(System.Drawing.Image imgToResize,int Width,int Height) 
    { 



     int sourceWidth = imgToResize.Width; 
     int sourceHeight = imgToResize.Height; 

     float nPercent = 0; 
     float nPercentW = 0; 
     float nPercentH = 0; 

     nPercentW = ((float)Width/(float)sourceWidth); 
     nPercentH = ((float)Height/(float)sourceHeight); 

     if (nPercentH < nPercentW) 
      nPercent = nPercentH; 
     else 
      nPercent = nPercentW; 

     int destWidth = (int)(sourceWidth * nPercent); 
     int destHeight = (int)(sourceHeight * nPercent); 

     Bitmap b = new Bitmap(destWidth, destHeight); 
     Graphics g = Graphics.FromImage((System.Drawing.Image)b); 
     g.InterpolationMode = InterpolationMode.HighQualityBicubic; 

     g.DrawImage(imgToResize, 0, 0, destWidth, destHeight); 
     g.Dispose(); 

     return (System.Drawing.Image)b; 
    } 

будет небольшая потеря качества, но соотношение сторон будет поддерживаться