duplicate check support is added

Author: vrajroham

dist/vue2Dropzone.js

@@ -2,7 +2,7 @@
   <div>
     <h1>Props</h1>
     <p>The following props are available for the Vue2-Dropzone component.</p>
-    <simple-table :headers="['Prop Name', 'Type', 'Description', 'Required']" :rows="props" />
+    <simple-table :headers="['Prop Name', 'Type', 'Default', 'Description', 'Required']" :rows="props" />
     <edit-doc :link="'Props.vue'"></edit-doc>
   </div>
 </template>
@@ -15,11 +15,12 @@ export default {
   data: function() {
     return {
       props: [
-        ['id', 'String', 'A string by which to identify the component, can be anything', 'True'],
-        ['options', 'Object', 'A dropzone [configuration object](http://www.dropzonejs.com/#configuration-options), accepts all valid dropzone configuration', 'True'],
-        ['includeStyling', 'Boolean', 'Whether to include the dropzone and component styling, defaults to true', 'False'],
-        ['awss3', 'Object', 'Object consisting of 3 values signingURL, headers, and params. You can use the headers and params keys to send additional headers or parameters with the signing request (e.g. CSRF tokens). See [Demo and config](#/aws-s3-upload)', 'False'],
-        ['destroyDropzone', 'Boolean', 'Destroy the dropzone object when the component is destroyed. Defaults to true.', 'False'],
+        ['id', 'String','dropzone', 'A string by which to identify the component, can be anything', 'True'],
+        ['options', 'Object','{}', 'A dropzone [configuration object](http://www.dropzonejs.com/#configuration-options), accepts all valid dropzone configuration', 'True'],
+        ['includeStyling', 'Boolean','True', 'Whether to include the dropzone and component styling.', 'False'],
+        ['awss3', 'Object','{}', 'Object consisting of 3 values signingURL, headers, and params. You can use the headers and params keys to send additional headers or parameters with the signing request (e.g. CSRF tokens). See [Demo and config](#/aws-s3-upload)', 'False'],
+        ['destroyDropzone', 'Boolean','True', 'Destroy the dropzone object when the component is destroyed.', 'False'],
+        ['duplicateCheck','Boolean','False','Check if added file is duplicate, in already dropped files in dropzone','False']
       ]
     }
   },

dist/vue2Dropzone.js.map

@@ -2,7 +2,25 @@
   <div>
     <h1>Demo</h1>
     <p>Below you can see Vue2-Dropzone in action.</p>
-    <vue-dropzone ref="myVueDropzone" id="dropzone" @vdropzone-file-added="vfileAdded" @vdropzone-success="vsuccess" @vdropzone-error="verror" @vdropzone-removed-file="vremoved" @vdropzone-sending="vsending" @vdropzone-success-multiple="vsuccessMuliple" @vdropzone-sending-multiple="vsendingMuliple" @vdropzone-queue-complete="vqueueComplete" @vdropzone-total-upload-progress="vprogress" @vdropzone-mounted="vmounted" @vdropzone-drop="vddrop" @vdropzone-drag-start="vdstart" @vdropzone-drag-end="vdend" @vdropzone-drag-enter="vdenter" @vdropzone-drag-over="vdover" @vdropzone-drag-leave="vdleave" :options="dropzoneOptions">
+    <vue-dropzone ref="myVueDropzone" id="dropzone" 
+      @vdropzone-file-added="vfileAdded" 
+      @vdropzone-success="vsuccess" 
+      @vdropzone-error="verror" 
+      @vdropzone-removed-file="vremoved" 
+      @vdropzone-sending="vsending" 
+      @vdropzone-success-multiple="vsuccessMuliple" 
+      @vdropzone-sending-multiple="vsendingMuliple" 
+      @vdropzone-queue-complete="vqueueComplete" 
+      @vdropzone-total-upload-progress="vprogress" 
+      @vdropzone-mounted="vmounted" 
+      @vdropzone-drop="vddrop" 
+      @vdropzone-drag-start="vdstart" 
+      @vdropzone-drag-end="vdend" 
+      @vdropzone-drag-enter="vdenter" 
+      @vdropzone-drag-over="vdover" 
+      @vdropzone-drag-leave="vdleave" 
+      :options="dropzoneOptions"
+      :duplicateCheck="true">
     </vue-dropzone>
 
     <h3>Events</h3>
@@ -180,9 +198,8 @@ export default {
         maxFilesize: 0.5,
         headers: { "My-Awesome-Header": "header value" },
         addRemoveLinks: true,
-        autoProcessQueue: true,
+        autoProcessQueue: false,
         accept(file, done) {
-          console.log(file);
           done();
         },
       },

docs/src/pages/Props.vue

@@ -14,7 +14,8 @@ export default {
   props: {
     id: {
       type: String,
-      required: true
+      required: true,
+      default:'dropzone'
     },
     options: {
       type: Object,
@@ -34,7 +35,12 @@ export default {
       type: Boolean,
       default: true,
       required: false
-    }
+    },
+    duplicateCheck:{
+        type: Boolean,
+        default: false,
+        required:false
+    },
   },
   data() {
     return {
@@ -213,20 +219,27 @@ export default {
     })
 
     this.dropzone.on('addedfile', function(file) {
+      var isDuplicate = false;
       if (vm.duplicateCheck) {
         if (this.files.length) {
-          this.files.forEach(function(dzfile) {
-            if (dzfile.name === file.name) {
-              this.removeFile(file)
-              vm.$emit('duplicate-file', file)
+          var _i, _len;
+          for (_i = 0, _len = this.files.length; _i < _len - 1; _i++) // -1 to exclude current file
+            {
+                if(this.files[_i].name === file.name && this.files[_i].size === file.size && this.files[_i].lastModifiedDate.toString() === file.lastModifiedDate.toString())
+                {
+                    this.removeFile(file);
+                    isDuplicate = true;
+                    vm.$emit('duplicate-file', file)
+                }
             }
-          }, this)
         }
       }
-      vm.$emit('vdropzone-file-added', file)
-      if (vm.isS3 && vm.wasQueueAutoProcess) {
-        vm.getSignedAndUploadToS3(file);
-      }
+
+        vm.$emit('vdropzone-file-added', file)
+        if (vm.isS3 && vm.wasQueueAutoProcess) {
+          vm.getSignedAndUploadToS3(file);
+        }
+      
     })
 
     this.dropzone.on('addedfiles', function(files) {