Upload files to a google cloud storage signed URL with resume option
npm install vue-gcs-signed-uploaderVue GCS resume signed
==========
This is not a 'visual' component, but a upload manager to build upload interface on top of it (its more like a data-table, where each row its a upload)
Example:
-
``html
{{ upload }}
import Uploader from 'vue-gcs-signed-uploader'
export default {
data () {
return {
files: []
}
},
name: 'MyComponent',
mounted () {
let self = this
document.getElementById('myfile').onchange = function (e) {
self.addFile(this.files[0])
}
},
components: {
Uploader
},
methods: {
addFile (file) {
let id = Math.ceil(Math.random() * 100)
this.files.push({
'file': file,
'id': id,
'autostart': true,
'signedURI': document.getElementById('mysigneduri').value
})
}
}
}
`id
To start a upload just push to the files array and given a to identify what file was added/removed
Events:
-
onUploadPaused
onUploadFinished
onUploadError
onConnectionError
Status:
-
NOT_STARTED
STARTED
PAUSED
ERROR
Error types:
-
URI_EXPIRED
DISCONNECTED
Mocking
-
Use the :mock to send a list of uploads for design purpose
`html``
...