datasync-blob 1.1.20 → 1.1.22

package/dist/components/DsBlob.js

@@ -148,16 +148,30 @@ class DsBlob extends _react.Component {
     context = canvas.getContext('2d');
     context.drawImage(imageSource, 0, 0, width, height);
 
-    //Jpeg conversion
+    //Binary conversion using toBlob to maintain binary output
     let jpegCompressionRatio = this.props.jpegQuality && this.props.jpegQuality > 0 && this.props.jpegQuality < 1 ? this.props.jpegQuality : 1;
-    let canvasData = canvas.toDataURL('image/jpg', jpegCompressionRatio); //Jpeg conversion
+    canvas.toBlob(blob => {
+      if (blob) {
+        console.log("Binary blob created, size:", blob.size);
+        if (this.debugging) console.log("jpegCompressionRatio->", jpegCompressionRatio, " blob.size = ", blob.size);
 
-    console.log("canvasData = ", canvasData);
-    if (this.debugging) console.log("jpegCompressionRatio->", jpegCompressionRatio, " canvasData.length = ", canvasData.length);
-    this.props.uploadPicture({
-      data: canvasData ? canvasData : "",
-      item_id: this.props.item_id
-    });
+        // Convert blob to ArrayBuffer for binary data
+        const reader = new FileReader();
+        reader.onload = () => {
+          const binaryData = reader.result; // ArrayBuffer
+          console.log("Binary data ArrayBuffer:", binaryData);
+
+          // Pass binary data directly to uploadPicture
+          this.props.uploadPicture({
+            data: binaryData,
+            item_id: this.props.item_id
+          });
+        };
+        reader.readAsArrayBuffer(blob);
+      } else {
+        console.error("Failed to create blob from canvas");
+      }
+    }, 'image/jpeg', jpegCompressionRatio);
   };
 
   //-----------------------------------------------------------------------------------------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datasync-blob",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "Datasync Blob component",
   "main": "./dist/components/DsBlob.js",
   "files": [