Plugin jQuery : Uploadify, upload de fichiers

Il faut avouer que par défaut un formulaire d’envoi de fichier n’a rien de sexy. Sauf qu’avec le plugin jQuery Uploadify ça va changer

Comment fonctionne-t-il ?

Uploadify utilise bien évidemment jQuery mais aussi la technologie Flash. Il utilise donc également la bibliothèque SWFObject.

Son implémentation est donc relativement simple puisque vous partez d’un simple input de type file :

[html]<input id="fileInput" name="fileInput" type="file" />[/html]

Et voici un exemple de configuration de ce plugin :

[javascript]
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
$('#fileInput').uploadify({
'uploader' : 'uploadify.swf',
'script' : 'uploadify.php',
'cancelImg' : 'cancel.png',
'auto' : true,
'folder' : '/uploads'
});
});
// ]]>
</script>
[/javascript]

Et vous obtenez ainsi un joli formulaire d’envoi de fichiers

Lien :

• Uploadify