var button = $('#button2'), interval; //IMPORTANT : declare l'element à utiliser comme bouton d'upload
new Ajax_upload( button,{
action: 'squelettes/upload_files/upload_photo.php', //url du fichier qui va faire le traitement
name: 'userfile', //nom à utiliser, exemple lors de la recuperation $_FILES['userfile']
autoSubmit: true,
onSubmit : function(file, ext){
button.text('Envoi en cours...'); //on remplace le text du bouton quand l'envoi est en cours
// On peut desactiver le bouton lors d'un upload pour ne permettre qu'un upload à la fois.
this.disable();
//permet d'animer le texte du bouton si celui n'est pas trop long ex. : Uploding -> Uploading. -> Uploading...
interval = window.setInterval(function(){
var text = button.text();
if (text.length < 13){
button.text(text + '.');
} else {
button.text('Envoi en cours...');
}
}, 200);
},
onComplete: function(file, response){
alert(response); //affiche un message provenant du fichier de traitement (ex. : msg erreur ou succes)
button.text('Cliquez ici pour envoyer un nouveau fichier');
window.clearInterval(interval);
// réactive le bouton d'upload pour un nouvel upload
this.enable();
}
});
library
html (48)