jquery – Fileselect后的Plupload Html5预览

前端之家收集整理的这篇文章主要介绍了jquery – Fileselect后的Plupload Html5预览前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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那样提供通常的二进制文件对象.
谢谢你的帮助.

解决方法

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).

原文链接:https://www.f2er.com/jquery/178061.html

猜你在找的jQuery相关文章