Plupload Html5 xem trước sau Fileselect

Question

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

Sử dụng Plupload.com Tập tin tải lên

tôi muốn có một hình ảnh xem trước khi lựa chọn tập tin cho các trình duyệt chạy html5.

Therefor tôi thêm vào sự kiện 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>'; 
    } 
}); 

Vấn đề là Plupload không cung cấp các đối tượng tập tin nhị phân thông thường như html không. Cảm ơn bạn vì đã giúp đỡ.

Answer 1

Plupload 2 có một đối tượng hình ảnh, mà bạn có thể sử dụng:. https://github.com/moxiecode/moxie/wiki/Image

File.getSource() và mOxie.Image.embed() là những phương pháp này, bạn quan tâm đến

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

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

Các jQuery Tiện ích hàng đợi giao diện người dùng sử dụng tiện ích này.

Dưới đây là một ví dụ làm việc cho một người tải lên tùy chỉnh: http://jsfiddle.net/Ec3te/2/

Làm việc ngay cả trong các trình duyệt không hỗ trợ HTML5 file API (có, thậm chí IE6).