Fix #71

dist/example.js

@@ -8156,7 +8156,14 @@
 	      this.directory = true;
 	      this.$nextTick(function () {
 	        _this.$refs.upload.$el.querySelector('input').click();
+	        _this.$refs.upload.$el.onclick = function (e) {
+	          e.preventDefault();
 	          _this.directory = false;
+	          _this.$refs.upload.$el.onclick = null;
+	          _this.$nextTick(function () {
+	            _this.$refs.upload.$el.querySelector('input').click();
+	          });
+	        };
 	      });
 	    },
 	    filter: function filter(file) {
@@ -10445,6 +10452,7 @@
 	      "id": _vm.$parent.id || _vm.$parent.name,
 	      "accept": _vm.$parent.accept,
 	      "webkitdirectory": _vm.$parent.directory && _vm.$parent.mode === 'html5',
+	      "directory": _vm.$parent.directory && _vm.$parent.mode === 'html5',
 	      "multiple": _vm.$parent.multiple && _vm.$parent.mode === 'html5'
 	    },
 	    on: {

dist/vue-upload-component.js

@@ -3166,6 +3166,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	      "id": _vm.$parent.id || _vm.$parent.name,
 	      "accept": _vm.$parent.accept,
 	      "webkitdirectory": _vm.$parent.directory && _vm.$parent.mode === 'html5',
+	      "directory": _vm.$parent.directory && _vm.$parent.mode === 'html5',
 	      "multiple": _vm.$parent.multiple && _vm.$parent.mode === 'html5'
 	    },
 	    on: {

example/Home.vue

@@ -227,7 +227,14 @@ export default {
       this.directory = true
       this.$nextTick(() => {
         this.$refs.upload.$el.querySelector('input').click()
+        this.$refs.upload.$el.onclick = (e) => {
+          e.preventDefault()
           this.directory = false
+          this.$refs.upload.$el.onclick = null
+          this.$nextTick(() => {
+            this.$refs.upload.$el.querySelector('input').click()
+          })
+        }
       })
     },
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-upload-component",
   "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
-  "version": "2.4.0-beta.5",
+  "version": "2.4.0-beta.6",
   "author": "LianYue",
   "scripts": {
     "dev": "webpack-dev-server --inline --hot",

src/InputFile.vue

@@ -6,6 +6,7 @@
     :accept="$parent.accept"
     @change="change"
     :webkitdirectory="$parent.directory && $parent.mode === 'html5'"
+    :directory="$parent.directory && $parent.mode === 'html5'"
     :multiple="$parent.multiple && $parent.mode === 'html5'"
   />
 </template>