2013-06-27 4 views
7

http://jsfiddle.net/VjeTk/78/Plupload Html5 просмотр после Fileselect

Использование Plupload.com File Uploader

я хочу изображения предварительного просмотра после выбора файла для html5 во время выполнения браузеров.

Therefor я добавить к Event 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 делает. Спасибо за ЛЮБОЙ помощи.

ответ

21

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 File API (да, даже IE6).

+0

Я не понимаю, почему «file.destroy()» используется в «onembedded», но он вызывает ошибки при отправке нескольких изображений (версия 2.1.8). Я удалил этот бит, и он работал нормально. –

+0

FYI, moxie не загружает GIF. – sandraqu

+0

@sandraqu moxie загружает GIF, это просто, что он не считает их изображениями. – jayarjo