Plupload HTML5のプレビューFileselect

Question

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

がPlupload.comファイルアップローダー

を使用した後、私は、HTML5のランタイムブラウザのファイル選択後のプレビュー画像が欲しいです。

そのため、私は

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>'; 
    } 
}); 

問題は、HTMLが行うようPluploadは、通常のバイナリファイルオブジェクトを配信しませんですFilesAddedイベントに追加します。 ありがとうございました。

Answer 1

Plupload 2は、使用できるイメージオブジェクトを、持っている： https://github.com/moxiecode/moxie/wiki/Image

File.getSource()とmOxie.Image.embed()は方法です、あなたが興味を持っている

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

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

のjQuery。 UIキューウィジェットはこれを使用します。 http://jsfiddle.net/Ec3te/2/

もHTML5ファイルAPIをサポートしていないブラウザ（はい、でもIE6）で動作します：

はここでカスタムアップローダーのための作業例です。