Add uploadFactory to the QUploader component (quasarframework#2093)

* Initial commit

* Update QUploader.vue

Author: GastroGeek

src/components/uploader/QUploader.vue

@@ -181,6 +181,7 @@ export default {
       type: Function,
       required: false
     },
+    uploadFactory: Function,
     additionalFields: {
       type: Array,
       default: () => []
@@ -377,7 +378,7 @@ export default {
 
       if (this.uploading && !done) {
         this.$emit('remove:abort', file, file.xhr)
-        file.xhr.abort()
+        file.xhr && file.xhr.abort()
         this.uploadedSize -= file.__uploaded
       }
       else {
@@ -390,6 +391,11 @@ export default {
 
       file.__removed = true
       this.files = this.files.filter(obj => obj.name !== name)
+
+      if (!this.files.length) {
+        this.uploading = false
+      }
+
       this.__computeTotalSize()
     },
     __pick () {
@@ -398,6 +404,35 @@ export default {
       }
     },
     __getUploadPromise (file) {
+      initFile(file)
+
+      if (this.uploadFactory) {
+        const updateProgress = (percentage) => {
+          let uploaded = percentage * file.size
+          this.uploadedSize += uploaded - file.__uploaded
+          file.__uploaded = uploaded
+          file.__progress = Math.min(99, parseInt(percentage * 100, 10))
+          this.$forceUpdate()
+        }
+
+        return new Promise((resolve, reject) => {
+          this.uploadFactory(file, updateProgress)
+            .then(file => {
+              file.__doneUploading = true
+              file.__progress = 100
+              this.$emit('uploaded', file)
+              this.$forceUpdate()
+              resolve(file)
+            })
+            .catch(error => {
+              file.__failed = true
+              this.$emit('fail', file)
+              this.$forceUpdate()
+              reject(error)
+            })
+        })
+      }
+      
       const
         form = new FormData(),
         xhr = new XMLHttpRequest()
@@ -413,7 +448,6 @@ export default {
         return
       }
 
-      initFile(file)
       file.xhr = xhr
       return new Promise((resolve, reject) => {
         xhr.upload.addEventListener('progress', e => {
@@ -507,6 +541,7 @@ export default {
     abort () {
       this.xhrs.forEach(xhr => { xhr.abort() })
       this.uploading = false
+      this.$emit('abort')
     },
     reset () {
       this.abort()