Merge pull request #296 from brunokunace/feature/multiupload

Multiupload can send one file per request

Author: luisDanielRoviraContreras

docs/components/upload.md

@@ -65,6 +65,11 @@ API:
    parameters:
    description: It determines whether to show the upload button or not.
    default: true
+ - name: single-upload
+   type: Boolean
+   parameters:
+   description: This causes each file to be sent separately on each request. Only used when multiple prop is true
+   default: false
 ---
 
 # Upload

src/components/vsUpload/vsUpload.vue

@@ -31,7 +31,7 @@
         type="button"
         title="Upload"
         class="btn-upload-all"
-        @click="uploadx('all')">
+        @click="upload('all')">
         <i
           translate="no"
           class="material-icons notranslate">
@@ -70,7 +70,7 @@
               height: `${img.percent}%`
             }"
             class="btn-upload-file"
-            @click="uploadx(index)">
+            @click="upload(index)">
             <i
               translate="no"
               class="material-icons notranslate">
@@ -146,6 +146,10 @@
       showUploadButton: {
         default: true,
         type: Boolean
+      },
+      singleUpload: {
+        default: false,
+        type: Boolean
       }
     },
     data:()=>({
@@ -286,9 +290,7 @@
           this.uploadx('all')
         }
       },
-      uploadx(index){
-        let self = this
-        const xhr = new XMLHttpRequest();
+      upload(index) {
         const formData = new FormData();
         let postFiles = Array.prototype.slice.call(this.filesx);
         if(typeof index == 'number'){
@@ -298,18 +300,32 @@
             return !item.hasOwnProperty('remove')
           })
         }
-
-
-        postFiles.forEach((filex)=>{
-          formData.append(this.fileName, filex, filex.name)
-        })
-        
         const data = this.data || {};
-
         for (var key in data) {
           formData.append(key, data[key]);
         }
 
+        if(this.singleUpload) {
+          postFiles.forEach((filex)=>{
+            const formData = new FormData();
+            for (var key in data) {
+              formData.append(key, data[key]);
+            }
+            formData.append(this.fileName, filex, filex.name)
+
+            this.uploadx(index, formData)
+          })
+        } else {
+          postFiles.forEach((filex)=>{
+            formData.append(this.fileName, filex, filex.name)
+          })
+          this.uploadx(index, formData)
+        }
+      },
+      uploadx(index, formData){
+        let self = this
+        const xhr = new XMLHttpRequest();
+
         xhr.onerror = function error(e) {
           self.$emit('on-error',e)
           if(typeof index == 'number'){