Plupload Html5 anteprima dopo scegli file

Question

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

Utilizzando Plupload.com File Uploader

voglio un'immagine di anteprima dopo la selezione dei file per i browser HTML5 runtime.

Perciò aggiungo all'Evento FilesAdded

uploader.bind('FilesAdded', function(up, files) { 
    for (var i in files) { 
     $('filelist').innerHTML += '<div id="' + files[i].id + '">' + files[i].name + ' (' + plupload.formatSize(files[i].size) + '<img src="' + SOMEHOWLOCALSOURCEOFIMAGE +'"/>') <b></b></div>'; 
    } 
}); 

problema è Plupload non fornisce il solito oggetto file binario come html fa. Grazie per qualsiasi aiuto.

Answer 1

Plupload 2 ha un oggetto immagine, che è possibile utilizzare:. https://github.com/moxiecode/moxie/wiki/Image

File.getSource() e mOxie.Image.embed() sono i metodi, siete interessati a

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

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

Il jQuery Il widget della coda UI lo utilizza.

Ecco un esempio di lavoro per un uploader personalizzato: http://jsfiddle.net/Ec3te/2/

funziona anche nei browser che non supportano HTML5 API File (sì, anche IE6).