1.0.19 • Published 1 year ago

quick-file-uploader v1.0.19

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Quick File Uploader

Quick file uploader for s3, html form submission

Demo

https://quick-file-uploader.netlify.app

Prerequisites

This project requires NodeJS (version 8 or later) and NPM. Node and NPM are really easy to install. To make sure you have them available on your machine, try running the following command.

$ npm -v && node -v
8.19.2
v18.10.0

Getting Started

1) Installation

```
npm install quick-file-uploader
```

2) add upload-container id where you want to display uploader:

 ```html
<div id="upload-container"></div>
```

3) Now, import upload class and initialize:

 ```js
import  Upload from 'quick-file-uploader'
new Upload();
```

Custom Params

you can customise file input, preview, error and success messages base on your desire. | Name|Description | |--|--| |container | element id, by default upload-container is set for uploading | |input-name| name attribute, default name is name="file-input"| |storage |s3, local, by default local is set| |mime-types | for file type validation Example: "jpg\|jpeg\|png\|pdf\|svg\|mp4\|3gp\|mov\|avi\|wmv" | |preview | callback function for file preview Received args: src, type, file number | | accept| attribute Example: accept="image/*,video/*,application/pdf"| |size| size in bytes| |error| callback function whenever error occur Received args: errors, file number| |success| callback function when file successfully upload Received args: message, file number| |progress| callback function for file uploading progress Received args: progress, file number| |multiple|boolean | |path| file path for s3 upload. by default tmp/ path is set| |draggable|boolean| |onDrag|callback function| |onDrop|callback function|

Upload file on s3

1) define s3 credentials before initialize

```js
window.credentials = {
   AWS_ACCESS_KEY_ID: 'xxxxxxx',
   AWS_SECRET_ACCESS_KEY:'xxxxxxx',
   AWS_DEFAULT_REGION:'xxxxxxx',
   AWS_BUCKET:'xxxxxxx',
}
 ```

2) Now, import upload class and initialize:

 ```js
import Upload from 'quick-file-uploader'
new Upload({storage: 's3'});

Upload file on server through api

1) define s3 credentials before initialize

```js
window.credentials = {
   UPLOAD_URL: 'xxxxxxx'
}
 ```

2) Now, import upload class and initialize:

 ```js
import Upload from 'quick-file-uploader'
new Upload({storage: 'api', headers: {'Authorization': 'TOKEN'}});

License

MIT license.

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago