新闻动态

力求视觉与交互的完美契合,以规范的流程和专注的态度,为您提供全方位的设计服务

如何扩展EasyUI在页面中立即显示选中的本地图片?

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