参考资料
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
如有问题,欢迎简书评论指出
网友评论