adds the ability to return both base64 strings and an HTML5 FileList objects

Author: drewandrew

README.md

@@ -14,6 +14,8 @@ npm install react-file-reader --save
 ```
 
 ## ChangeLog
+  - 1.0.4
+    - adds the ability to return both base64 strings and an HTML5 FileList from handleFiles
   - 1.0.3
     - bumps React version to 15.5 and fixes UNMET peer dependency with webpack
   - 1.0.2
@@ -85,5 +87,18 @@ handleFiles = files => {
   "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA..."
 ```
 
+### Both Base64 and HTML5 FileList
+```javascript
+handleFiles = (base64Files, fileList) => {
+  console.log(base64Files);
+  console.log(fileList);
+}
+
+<ReactFileReader base64={true} multipleFiles={true} handleFiles={this.handleFiles}>
+  <button className='btn'>Upload</button>
+</ReactFileReader>
+```
+When `base64={true}`, `handleFiles` will return both the Base64 string and the HTML5 FileList object.
+
 ## Copyright
 Copyright (c)2017 [Grillwork Inc](http://grillwork.io). See [LICENSE](https://github.com/GrillWork/react-file-reader/blob/master/LICENSE) for details.

ReactFileReader.js

@@ -35,7 +35,7 @@ export default class ReactFileReader extends React.Component {
           files.push(reader.result)
 
           if (files.length === ef.length) {
-            this.props.handleFiles(files);
+            this.props.handleFiles(files, ef);
           }
         }
 
@@ -46,7 +46,7 @@ export default class ReactFileReader extends React.Component {
       let reader = new FileReader();
 
       reader.onloadend = function (e) {
-        this.props.handleFiles(reader.result)
+        this.props.handleFiles(reader.result, ef)
       }.bind(this)
 
       reader.readAsDataURL(f)

index.js

@@ -69,7 +69,7 @@ var ReactFileReader = function (_React$Component) {
               files.push(reader.result);
 
               if (files.length === ef.length) {
-                _this.props.handleFiles(files);
+                _this.props.handleFiles(files, ef);
               }
             };
 
@@ -85,7 +85,7 @@ var ReactFileReader = function (_React$Component) {
         var _reader = new FileReader();
 
         _reader.onloadend = function (e) {
-          this.props.handleFiles(_reader.result);
+          this.props.handleFiles(_reader.result, ef);
         }.bind(_this);
 
         _reader.readAsDataURL(f);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-file-reader",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "A flexible ReactJS component for handling styled HTML file inputs.",
   "main": "index.js",
   "repository": "[email protected]:GrillWork/react-file-reader.git",