resize image

sdk/skyid_imp.js

@@ -356,7 +356,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
 
@@ -368,10 +368,11 @@ 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  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', document_uniqueNameGuid);
         formDatafacemtch.append("token",skyid_fa_sdk_token);
@@ -408,6 +409,40 @@ function skyid_fa_face_scan_end_callbackfacematching(skyid_fa_detected_face_canv
     });
 }
 
+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);};
+    });
+  }