Merge pull request #15 from poyannabati/pn/add-image-uri

Changes default behavior to pass URI's instead of base64

Author: Michaël Villeneuve

Example/index.ios.js

@@ -44,6 +44,7 @@ export default class Example extends Component {
         {this.state.image ?
           <Image style={{ flex: 1, width: 300, height: 200 }} source={{ uri: `data:image/jpeg;base64,${this.state.image}`}} resizeMode="contain" /> :
           <Scanner
+            useBase64
             onPictureTaken={data => this.setState({ image: data.croppedImage })}
             overlayColor="rgba(255,130,0, 0.7)"
             enableTorch={this.state.flashEnabled}

README.md

@@ -2,7 +2,7 @@
 
 # React Native Document Scanner (iOS only)
 
-Live document detection library. Returns a base64 encoded string of the captured image, allowing you to easily store it or use it as you wish !
+Live document detection library. Returns either a URI or a base64 encoded string of the captured image, allowing you to easily store it or use it as you wish !
 
 Features :
  - Live detection
@@ -47,6 +47,7 @@ class YourComponent extends Component {
     return (
       <View>
         <DocumentScanner
+          useBase64
           onPictureTaken={data => this.setState({
             image: data.croppedImage,
             initialImage: data.initialImage,
@@ -83,6 +84,7 @@ class YourComponent extends Component {
 | saturation | `1` | `float` | Increase or decrease camera saturation. Set `0` for black & white |
 | contrast | `1` | `float` | Increase or decrease camera contrast. Normal as default |
 | quality | `0.8` | `float` | Image compression. Reduces both image size and quality |
+| useBase64 | `false` | `bool` | If base64 representation should be passed instead of image uri's |
 
 ## Manual capture
 
@@ -119,7 +121,7 @@ Enum (0, 1 or 2) corresponding to the type of rectangle found
 
 | Prop | Params | Type | Description |
 | :----------- |:-------:| :--------:| :----------|
-| onPictureTaken | `data` | `object` | Returns the captured image in an object `{ croppedImage: 'BASE64 string', initialImage: 'BASE64 string', rectangleCoordinates: 'object of coordinates' }` |
+| onPictureTaken | `data` | `object` | Returns the captured image in an object `{ croppedImage: ('URI or BASE64 string'), initialImage: 'URI or BASE64 string', rectangleCoordinates: 'object of coordinates' }` |
 
 
 

ios/DocumentScannerView.h

@@ -8,6 +8,7 @@
 @property (nonatomic, assign) NSInteger detectionCountBeforeCapture;
 @property (assign, nonatomic) NSInteger stableCounter;
 @property (nonatomic, assign) float quality;
+@property (nonatomic, assign) BOOL useBase64;
 
 - (void) capture;
 

ios/DocumentScannerView.m

@@ -34,8 +34,7 @@ - (void) didDetectRectangle:(CIRectangleFeature *)rectangle withType:(IPDFRectan
 
 - (void) capture {
     [self captureImageWithCompletionHander:^(UIImage *croppedImage, UIImage *initialImage, CIRectangleFeature *rectangleFeature) {
-
-        if (self.onPictureTaken) {
+      if (self.onPictureTaken) {
             NSData *croppedImageData = UIImageJPEGRepresentation(croppedImage, self.quality);
 
             if (initialImage.imageOrientation != UIImageOrientationUp) {
@@ -58,10 +57,24 @@ - (void) capture {
                                      @"bottomLeft": @{ @"y": @(rectangleFeature.bottomRight.x), @"x": @(rectangleFeature.bottomRight.y)},
                                      @"bottomRight": @{ @"y": @(rectangleFeature.topRight.x), @"x": @(rectangleFeature.topRight.y)},
                                      } : [NSNull null];
-            self.onPictureTaken(@{
-                                  @"croppedImage": [croppedImageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength],
-                                  @"initialImage": [initialImageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength],
-                                  @"rectangleCoordinates": rectangleCoordinates });
+
+            if (self.useBase64) {
+              self.onPictureTaken(@{
+                                    @"croppedImage": [croppedImageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength],
+                                    @"initialImage": [initialImageData base64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength],
+                                    @"rectangleCoordinates": rectangleCoordinates });
+            } else {
+               NSString *croppedFilePath = [NSTemporaryDirectory() stringByAppendingPathComponent:[NSString stringWithFormat:@"cropped_img_%i.jpeg",(int)[NSDate date].timeIntervalSince1970]];
+               NSString *initialFilePath = [NSTemporaryDirectory() stringByAppendingPathComponent:[NSString stringWithFormat:@"initial_img_%i.jpeg",(int)[NSDate date].timeIntervalSince1970]];
+
+              [croppedImageData writeToFile:croppedFilePath atomically:YES];
+              [initialImageData writeToFile:initialFilePath atomically:YES];
+
+               self.onPictureTaken(@{
+                                     @"croppedImage": croppedFilePath,
+                                     @"initialImage": initialFilePath,
+                                     @"rectangleCoordinates": rectangleCoordinates });
+            }
         }
         [self stop];
     }];

ios/RNPdfScannerManager.m

@@ -22,6 +22,7 @@ - (dispatch_queue_t)methodQueue
 RCT_EXPORT_VIEW_PROPERTY(overlayColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(enableTorch, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(useFrontCam, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(useBase64, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(detectionCountBeforeCapture, NSInteger)
 RCT_EXPORT_VIEW_PROPERTY(detectionRefreshRateInMS, NSInteger)
 RCT_EXPORT_VIEW_PROPERTY(saturation, float)