Vue 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:
<template> <div> <input id="myfile" type="file"> <input id="mysigneduri" type="text"> <Uploader :files="files"> <div slot-scope="{upload, $pause, $resume}"> {{ upload }} <div @click="$pause()" style="width: 50px; height: 50px; background-color: red;">div> <div @click="$resume()" style="width: 50px; height: 50px; background-color: green;">div> div> Uploader> div> template> <script> 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 }) } } } script> <style scoped> style>