webuploader上传图片 浏览图片

参考资料
http://fex.baidu.com/webuploader/getting-started.html

webuploader官网中在我们添加图片后，上传文件前。可能需要浏览当前的文件。官网的demo中没有这个demo。这就需要自己来实现这个图片浏览的功能。

方法一：

开启自动上传，得到服务器响应后的文件地址，浏览图片的时候图片的地址为服务器回传的地址。从而达到浏览的功能。

方法二：

需要了解webuploader对图片的封装，在webuploader中，它把源图片的file包装了两次，通过webuploader中的事件，我们获取到的file是包装过的file。file.source.source就能获取到图片的源file。这时候我们就可以通过FileReader来渲染我们的文件了。达到直接获取到原文件来浏览。

下面是效果图

这里用的是方法二来实现的，减少了数据传输。

下载.gif

码云地址
https://gitee.com/longguiyunjosh/webuploader-demo

如有问题，欢迎评论指出