https://github.com/kfei/vue-s3-dropzone
:droplet: Vue.js component works with AWS S3 serverlessly
https://github.com/kfei/vue-s3-dropzone
Last synced: 7 months ago
JSON representation
:droplet: Vue.js component works with AWS S3 serverlessly
- Host: GitHub
- URL: https://github.com/kfei/vue-s3-dropzone
- Owner: kfei
- Created: 2016-11-27T07:47:09.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T21:00:52.000Z (almost 3 years ago)
- Last Synced: 2025-03-29T22:09:28.381Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 438 KB
- Stars: 450
- Watchers: 17
- Forks: 67
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - **vue-s3-dropzone** - and-drop component uploads files to AWS S3 serverlessly (Resources / Examples)
- awesome-vue-refactor - **vue-s3-dropzone** - s3-dropzone.svg?style=social&label=Star&maxAge=2592000) A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Libraries & Plugins)
- awesome-vue-zh - **vue-s3-dropzone** - and-drop component uploads files to AWS S3 serverlessly (awesome-vue [](https://github.com/sindresorhus/awesome) / 例子)
- awesome-vue - **vue-s3-dropzone** - and-drop component uploads files to AWS S3 serverlessly (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
README
# vue-s3-dropzone
> Vue 2.0 dropzone component uploads files to AWS S3 serverlessly.
## Overview
- A Vue.js 2.0 component wrapping [Dropzone.js](https://github.com/enyo/dropzone)
- Upload files to AWS S3 *serverlessly* with AWS Lambda.
## Demo
## Quickstart
Clone this repo:
```
git clone https://github.com/kfei/vue-s3-dropzone
```
This repo contains two directories: **frontend** and **lambda**. You must first
create the AWS Lambda function and deploy it onto AWS API Gateway. Then put the
invoke URL into `frontend/src/config.js` so that you can run and test the Vue
powered web client by:
```
cd frontend
yarn install
npm run dev
```
Please make sure you have correct privilege/policy/CORS settings on AWS. Feel
free to open an issue if you happened to be trapped by that. :cry:
## Architecture
You can have a look at the [architecture explanation](https://milkr.io/kfei/Explanation-of-vue-s3-dropzone) on Milkr.
[](https://milkr.io/kfei/Explanation-of-vue-s3-dropzone)
## License
MIT