jQuery lite-uploader un semplice plugin jQuery che utilizza le features di HTML5 per gestire gli upload nei nostri siti e webapp
Su GitHub ormai sappiamo che imbatterci in progetti interessanti è all’ordine del giorno, e oggi voglio parlarvi proprio di un altro plugin proveniente dal repository di burt202.
Ovviamente dopo aver integrato nel nostro progetto jQuery e jquery.liteuploader.js
Possiamo ora vedere una semplice inizializzazione del plugin
Mentre inizializziamo il liteUploader con
$(document).ready(function () {
$('.fileUpload').liteUploader({
script: 'basic.php'
}).on('lu:success', function (e, response) {
alert('Uploaded!');
});
});
E’ possibile usare il plugin però, anche per eseguire azioni leggermente più complesse, vediamo un esempio:
Mentre per il JS
$(document).ready(function () {
$('.fileUpload').liteUploader({
script: 'params.php',
params: {
foo: 'bar',
abc: 123
},
changeHandler: false,
clickElement: $('#uploadBtn')
})
.on('lu:success', function (e, response) {
$('#display').html('Params: ');
$.each(JSON.parse(response), function (key, value) {
$('#display').append(key + ':' + value + ' ');
});
})
.on('lu:progress', function (e, percentage) {
console.log(percentage);
})
.on('lu:cancelled', function () {
alert('upload aborted!')
});
$('.fileUpload').data('liteUploader').addParam('another', 'here');
$('#cancelBtn').click(function () {
$('.fileUpload').data('liteUploader').cancelUpload();
});
});
