add clearAll feature by @robertotnoya issue #6

Author: yudax42

dist/vue-upload-drop-images.vue

@@ -14,6 +14,7 @@ export default {
     uploadMsg: String,
     maxError: String,
     fileError: String,
+    clearAll: String,
   },
   methods: {
     dragOver() {
@@ -90,6 +91,12 @@ export default {
         this.Imgs = values;
       });
     },
+    reset() {
+      this.$refs.uploadInput.value = null;
+      this.Imgs = [];
+      this.files = [];
+      this.$emit("change", this.files);
+    },
   },
 };
 </script>
@@ -220,6 +227,9 @@ export default {
       </p>
     </div>
     <div class="imgsPreview" v-show="Imgs.length > 0">
+      <button class="clearButton" @click="reset">
+        {{ clearAll ? clearAll : "clear All" }}
+      </button>
       <div class="imageHolder" v-for="(img, i) in Imgs" :key="i">
         <img :src="img" />
         <span class="delete" style="color: white" @click="deleteImg(--i)">
@@ -340,4 +350,13 @@ export default {
 .plus:hover {
   cursor: pointer;
 }
+.clearButton {
+  color: #2d3748;
+  position: absolute;
+  top: 7px;
+  right: 7px;
+  background: none;
+  border: none;
+  cursor: pointer;
+}
 </style>