resize image

sdk/skyid_imp.js

@@ -175,6 +175,43 @@ function skyid_fa_base64ToArrayBuffer(base64) {
 }
 
 
+function resizeImage (file) {
+    const defaultQualityRatio = 0.9;
+    const imageType = file.type || 'image/jpeg';
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader(); reader.readAsDataURL(file);
+      reader.onload = (e) => {
+        const img = new Image(); img.src = e.target.result;
+        img.onload = () => {
+          const canvas = document.createElement('canvas');
+          const ctx = canvas.getContext('2d');
+          canvas.width = 1000; canvas.height = 600;
+          if (img.width < img.height) {
+            canvas.width = 600; canvas.height = 1000;
+          }
+          if (img.width > canvas.width || img.height > canvas.height) {
+            ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+            ctx.canvas.toBlob(
+              (blob) => {
+                resolve(
+                  new File([blob], file.name, {
+                    type: imageType,
+                    lastModified: Date.now(),
+                  })
+                );
+              },
+              imageType,
+              defaultQualityRatio
+            );
+          }
+        };
+      };
+      reader.onerror = (error) => {reject(error);};
+    });
+  }
+  
+
+
 
 
 function skyid_fa_check_liveness(frame_canvas)
@@ -233,7 +270,6 @@ function uploadFile()
 }
 
 // loader spinner  
-const loaddataocrElement = document.getElementById("loaddataocr");
 const loaddatalivnssElement = document.getElementById("loaddatalvnss");
 const loaddatafacemtchElement = document.getElementById("loaddatafacemtch");
 
@@ -254,7 +290,7 @@ const uploadedImageocr = document.getElementById("uploadedImageocr");
 
 imageInput.addEventListener("change", function () {
     const file = imageInput.files[0]; // Get the selected file
-    
+    console.log(file)
     if (file) {
       // Create a URL for the selected image
       const imageURL = URL.createObjectURL(file);
@@ -267,8 +303,7 @@ imageInput.addEventListener("change", function () {
   
 
 
-function skyid_fa_face_scan_end_callbackfacematching(skyid_fa_detected_face_canvas)
-{
+  async function skyid_fa_face_scan_end_callbackfacematching(skyid_fa_detected_face_canvas){
     my_selfie_canvas=skyid_fa_detected_face_canvas
 
     loaddatafacemtchElement.style.display = "block";
@@ -281,9 +316,10 @@ function skyid_fa_face_scan_end_callbackfacematching(skyid_fa_detected_face_canv
         //Add other form fields as needed
         const canvas_bin = skyid_fa_canvas2binary(my_selfie_canvas);
         const  face_image= new File([canvas_bin], "skyid_fa_selected_frame.jpg",{type:"application/octet-stream"})
+        const docImage =  await resizeImage(imageInput.files[0]);
         const formDatafacemtch = new FormData();
         // Add other form fields as needed
-        formDatafacemtch.append("doc_1_1", imageInput.files[0]);
+        formDatafacemtch.append("doc_1_1", docImage);
         formDatafacemtch.append("slf_1", face_image);
         formDatafacemtch.append('guid', '12010102002');
         formDatafacemtch.append("token",skyid_fa_sdk_token);