Caronte.js - Simple javascript ajax file uploader
Portitor has horrendus aquas et flumina servat
terribili squalore Charon, cui plurima mento
canities inculta iacet, stant lumina flamma,
sordidus ex umeris nodo dependet amictus.
Aeneid 6.298–301
Installation
Npm
npm install caronte-js --save
bower
bower install caronte-js --save
Usage
Include Caronte.js in you app
<script src="path/to/caronte/dist/Caronte.js"></script>
Create a Caronte.js instance linking it to your form tag
<form
class="my-form"
enctype="multipart/form-data"
action="php/index.php"
method="post">
<input name="files[]" type="file" multiple>
<button type="submit">Send</button>
</form>
var uploader = new Caronte('.my-form')
uploader.on('progress', function(percentage) {
// show the progress of your upload
})
uploader.on('success', function(res) {
// do something with response coming from the server
})
uploader.on('error', function(res) {
// oups there was an error
})
uploader.on('abort', function(res) {
// the upload was aborted
})
API
-
on([string, function])
: listen any event triggered from the script -
one([string, function])
: listen any event only once -
off([string, function])
: stop listening any Caronte.js event -
destroy
: destroy a Caronte.js instance killing all its events listeners
Credits
Logo by bubachop