Added XMLHttpRequest withCredentials property #36

Author: m-inan

README.md

@@ -81,6 +81,7 @@ A library that will make things easier within the React framework for galleries
 | `footer`			| `Bolean` Or `Function`	| `false`						| `function({ images, accept, uploadFiles, openDialogue })` |
 | `rules`			| `Object`					| `null`						| `size`,` limit`, `width`,` height` features can be limited. [Rules](#Rules) |
 | `customRequest`	| `Function`				| `null`						| You can customize the http request in your own way. [CustomRequest](#CustomRequest) |
+| `withCredentials`	| `Boolean`				| `false`						| [XMLHttpRequest.withCredentials](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/withCredentials) |
 | `source`			| `Function`				| `null`						| Enter the url of the photo from the returned answer. `(response) => response.url` |
 | `alias`			| `Function`				| `null`						| Can include the data of the image to be loaded in the object and change its name. `(response) => ({ id: response.imageID, slug: response.slug  })` |
 | `onSuccess`		| `Function`				| `empty`						| Return for uploaded image. `function(image)` |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-upload-gallery",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "license": "MIT",
   "author": "Muhammet INAN",
   "repository": {

src/PropTypes.js

@@ -27,6 +27,7 @@ export const defaultProps = {
   rules: null,
 
   customRequest: null,
+  withCredentials: false,
   source: null,
   alias: null,
 
@@ -84,6 +85,7 @@ export const propTypes = {
   }),
 
   customRequest: PropTypes.func,
+  withCredentials: PropTypes.bool,
   source: PropTypes.func,
   alias: PropTypes.func,
 

src/RUG.js

@@ -362,7 +362,13 @@ class RUG extends React.Component {
   }
 
   upload({ uid, file, data }, finish) {
-    const { send, action, headers, customRequest } = this.props;
+    const {
+      send,
+      action,
+      headers,
+      customRequest,
+      withCredentials,
+    } = this.props;
 
     const request = customRequest || Request;
 
@@ -373,6 +379,7 @@ class RUG extends React.Component {
       send,
       action,
       headers,
+      withCredentials,
 
       onError: this.onError,
       onSuccess: this.onSuccess,

src/Request.js

@@ -6,10 +6,11 @@ const Request = ({
   file,
   action,
   headers,
+  withCredentials,
 
   onProgress,
   onSuccess,
-  onError
+  onError,
 }) => {
   const xhr = new XMLHttpRequest();
 
@@ -56,6 +57,10 @@ const Request = ({
 
   xhr.open("POST", action, true);
 
+  if (withCredentials) {
+    xhr.withCredentials = true;
+  }
+
   // if the value is null by default, the request will not be executed
   if (headers["X-Requested-With"] !== null) {
     xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
@@ -84,7 +89,7 @@ const Request = ({
   return {
     abort() {
       xhr.abort();
-    }
+    },
   };
 };