A vue wrapper for uppy.io
This ia more of a proof of concept than anything production ready .. but it works :).
You'll need uppy:
npm install --save uppy
import Uppy from `vue-uppy/src/components/Uppy`
...
<uppy
@core:upload-progress=updateProgressStatus
@core:upload-success=imageUploaded
@core:success=allImagesUploaded
:with-progress='true' ></uppy>
Events:
core:upload-progress= sends bytes and totalbytescore:upload-success= sends all data about the image, including the url on tus.io where it has been uploadedcore:success= sends file count
Props:
with-progress-> whether or not to show the progress bar
Feel free to just grap src/components/Uppy.vue and put it in your project.
# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test
For detailed explanation on how things work, checkout the guide and docs for vue-loader.