Added timeout prop. Fixes #137

Author: vrajroham

README.md

@@ -78,7 +78,8 @@ Many of these props are inherited from [dropzone configuration so see their doco
 | resizeMimeType | String | The mime type of the resized image (before it gets uploaded to the server). If `null` the original mime type will be used. To force `jpeg`, for example, use `image/jpeg`. `Default : null` |
 | resizeQuality | Number | The quality of the resized images. `Default : null` |
 | resizeMethod | String | How the images should be scaled down in case both, `resizeWidth` and `resizeHeight` are provided. Can be either `contain` or `crop`. `Default : 'contain'` | 
-| duplicateCheck | Boolean | Whether to check for duplicate file by file name. if true `duplicate-file` event will be emitted. `Default : 'false'` | 
+| duplicateCheck | Boolean | Whether to check for duplicate file by file name. if true `duplicate-file` event will be emitted. `Default : 'false'` |
+| timeout | Number | The timeout for the XHR requests in milliseconds. `Default:30000`|
 
 ## Custom Dropzone preview template
 

dev/bundle.js

@@ -6,7 +6,7 @@
         <div v-if="ok">
             <dropzone ref="myVueDropzone" id="dropzone" url="https://httpbin.org/post"
                       v-on:vdropzone-success="showSuccess"
-                      v-bind:dropzone-options="dropzoneOptions"
+                      v-bind:dropzone-options="dropzoneOptions"                      
                       v-bind:use-custom-dropzone-options="true">
             </dropzone>
             <button @click="submitFiles()">Start Upload</button>

dev/bundle.js.map

@@ -124,6 +124,10 @@
                 type : Number,
                 default : 2
             },
+            timeout:{
+                type : Number,
+                default : 30000
+            },
         },
         methods: {
             manuallyAddFile: function (file, fileUrl, callback, crossOrigin, options) {
@@ -270,6 +274,7 @@
                 resizeMethod                : this.getProp(this.resizeMethod,this.dropzoneOptions.resizeMethod),
                 uploadMultiple              : this.getProp(this.uploadMultiple, this.dropzoneOptions.uploadMultiple),
                 parallelUploads             : this.getProp(this.parallelUploads, this.dropzoneOptions.parallelUploads),
+                timeout                     : this.getProp(this.timeout, this.dropzoneOptions.timeout)
             })
 
             // Handle the dropzone events