7

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

Plupload.com ファイル アップローダーの使用

html5 ランタイム ブラウザのファイル選択後のプレビュー画像が欲しいです。

そのため、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>';
    }
});

問題は、Plupload が html のように通常のバイナリ ファイル オブジェクトを配信しないことです。助けてくれてありがとう。

4

2 に答える 2

22

Plupload 2 には画像オブジェクトがあり、これを使用できます: https://github.com/moxiecode/moxie/wiki/Image

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

https://github.com/moxiecode/plupload/wiki/File#wiki-getSource--メソッド

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

jQuery UI キュー ウィジェットはこれを使用します。

カスタムアップローダの実際の例を次に示します: http://jsfiddle.net/Ec3te/2/

HTML5 File API をサポートしていないブラウザーでも動作します (はい、IE6 でも)。

于 2013-09-27T14:36:41.360 に答える