Aperçu Plupload Html5 après Fileselect

http://jsfiddle.net/VjeTk/78/

Utilisation de l’utilitaire de téléchargement de fichiers Plupload.com

Je veux un aperçu de l’image après la sélection du fichier pour les navigateurs d’exécution html5.

J’ajoute donc à l’événement FilesAdded

uploader.bind('FilesAdded', function(up, files) { for (var i in files) { $('filelist').innerHTML += '
' + files[i].name + ' (' + plupload.formatSize(files[i].size) + '')
'; } });

Le problème est que Plupload ne fournit pas l’object fichier binary habituel comme le fait le HTML. Merci pour toute aide.

Plupload 2 a un object image que vous pouvez utiliser: https://github.com/moxiecode/moxie/wiki/Image

File.getSource() et mOxie.Image.embed() sont les méthodes qui vous intéressent.

https://github.com/moxiecode/plupload/wiki/File#wiki-getSource–method

https://github.com/moxiecode/moxie/wiki/Image#wiki-embed-eloptions-method

Le widget de queue de l’interface utilisateur de jQuery l’utilise.

Voici un exemple de travail pour un téléchargeur personnalisé: http://jsfiddle.net/Ec3te/2/

Fonctionne même dans les navigateurs qui ne prennent pas en charge l’API de fichier HTML5 (oui, même IE6).