https://github.com/edenreich/javascript-uploadmanager-module
A Module to handle multiple files upload on the Client-Side, to handle it on the Server-Side you could use Upload.class.php
https://github.com/edenreich/javascript-uploadmanager-module
Last synced: 7 months ago
JSON representation
A Module to handle multiple files upload on the Client-Side, to handle it on the Server-Side you could use Upload.class.php
- Host: GitHub
- URL: https://github.com/edenreich/javascript-uploadmanager-module
- Owner: edenreich
- Created: 2016-12-04T02:23:23.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-03T23:10:18.000Z (over 8 years ago)
- Last Synced: 2025-01-16T16:42:57.088Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 18.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Javascript-UploadManager-Module
A Module to handle multiple files upload on the Client-Side, to handle it on the Server-Side you could use Upload.class.php
### Import the script
All you need is just the UploadManager.js, download it and add it to your assets folder and link it to your view page.
### Instatiate a new UploadManager Object
Create a new instance of Upload Manager and assign it to a variable::
```javascript
var uploadManager = new UploadManager;
```
### Configuration
Use the following setting to configure the look of your button however you want
```javascript
uploadManager.settings({
bindTo: '.upload',
dragAndDrop: true,
buttonOnThe: 'left',
dropBoxTitle: 'Drop your files here...',
dropBoxOnOverTitle: 'Drop it...',
URL: 'Upload.php',
autoStart: false,
animateProgressBar: true,
showPrecentage: true,
progressBarColor: '#186680',
success: function(response) {
// ajax response from server-side script of each file when succeed
},
error: function(response) {
// ajax response from server-side script of each file when failed
},
allAtOnce: false,
titleFontFamily: 'arial',
});
```
please note that if you do not give an specific bindTo options the object will look for an element with a class of 'upload' and will try to bind itself to it.
## Notes
please feel free to send any pull request or suggesstions to improve it :-)