如何扩展EasyUI在页面中立即显示选中的本地图片?
更新时间:2015-07-29 15:59:15 点击次数:4769次
如何扩展EasyUI在页面中立即显示选中的本地图片,洛阳软件开发提供给需要的朋友参考。
在编写前台页面的时候,有时需要将选中的图片夹杂着其他信息一起上传到服务端,在选着本地图片的时候,为了获得更好的效果,需要将该图片显示在页面上。
最初思路有两个,具体如下:
1、获取选中文件的二进制数据再传递给画板,画出图片来。
2、获取选中文件的传递给Img标签。
经过测试,得到如下结果:
1、Img标签的src无法指向本地路径的文件,这应该是基于安全考虑的结果吧。
2、通过File API 读取的文件二进制数据无法直接传递给Cancav画板画出选中图片,这或许也是基于安全考虑的结果。
3、经过不懈努力,终于发现了一个解决方法,那就是通过File API的FileReader对象的readAsDataURL将本地图片创建出一个虚拟URL传递给Img标签的src。
(编辑:hengkaikeji)