AngularJs - Reduzieren der Bildgröße beim Speichern in der Datenbank

Question

In meiner Angular-Anwendung kann ich Bildfunktionen durchsuchen und hochladen. Beispielbilder von Windows7 (Chrysanthemum.jpg, Desert.jpg usw.) mit Größen größer als 500KB. Ich muss Bild mit maximaler Größe als 170KB (Kundenanforderung) speichern. So, wie man die Größe der Bilder beim Hochladen in die Datenbank verringert, ohne zu viel Bildqualität zu beeinflussen) Ich möchte auch nicht, dass der Benutzer durch die Validierung Bilder mit einer größeren Größe als 170 KB auswählt. Ich konvertiere Image in Base64 und speichere als Image-Datentyp von SQL Server.

Mein HTML-Code:

<input id="BrowseFile" type="file" ngf-select ng-model="vm.picFile" name="file" ngf-change="vm.uploadPic(vm.picFile)" accept="image/*" required > 

Mein Controller-Code:

this.uploadPic = function (picFile) { 
     if (picFile == null) 
      console.log("Please select image"); 
     else {     
       vm.fileName = picFile.name; 

       picFile.upload = Upload.base64DataUrl(picFile).then(function (imgBase64) {       
        vm.image = imgBase64; // Storing Uploaded photo string for storing in database.        
       }); 
      } 
} 

Jeder Vorschlag wird sehr geschätzt.

Hinweis: benutzte ich Richtlinie für Bild Browsing & Upload-Funktionalität ng-Datei-Upload.

UPDATE 1:

ich das mit meinem vorhandenen Code Angular Bild Compress Richtlinie zu diesem GitHub Link https://github.com/oukan/angular-image-compress arbeiten nun bekam Bild zu komprimieren.

Answer 1

eckig-image-compress.js bietet die großartige Möglichkeit, diese Aufgabe zu erfüllen.

Ich habe Bildkomprimierung Funktionalität mit dieser Direktive erfolgreich implementiert. Bitte beziehen Sie sich auf https://github.com/oukan/angular-image-compress als Ausgangspunkt.