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)에서 작동 :

다음은 사용자 정의 업 로더에 대한 작업 예입니다.