mdc-dropzone
A vue based dropzone component.
How to use
yarn install mdc-dropzone
or
npm install mdc-dropzone
import dropzone from 'mdc-dropzone';
...in script
components: { dropzone }
...in html
<dropzone url="https://xxx.com/upload"></dropzone>
Usage
props
| name | type | default | desc |
|---|---|---|---|
| url | String | null (required) | upload api url |
| method | String | post | you can use put instead of post |
| headers | Object | {} | eg. {'X-Token': '12345678'} |
| limitInMB | Number | 5 | size limit of receive files |
| limitFiles | Number | 10 | limit number of files |
event
| name | desc | params |
|---|---|---|
| onSuccess | All file uploaded. | xhr.response |
| onError | upload error. | xhr |
| onProgress | upload Progress. | progress, current file name |
| onDragenter | drag enter . | ev |
| onDragleave | drag leave . | ev |
| onDrop | drop . | ev |