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>';
}
});
问题是Plupload不能像html一样传递通常的二进制文件对象。
谢谢你的帮助。
最佳答案
Plupload 2有一个图像对象,您可以使用:
https://github.com/moxiecode/moxie/wiki/ImageFile.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)。
关于jquery - Fileselect之后Plupload Html5预览,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17339899/