后台通过HashMap将图片传入前端并显示

第一次通过HashMap来传递图片,留作参考。

情景分析:
1.数据库中保存的是图片名称(带后缀的图片名);
2.根据不同用户来查找相应的图片并显示在前端;

@Override
    public List<HashMap<String, Object>> loadEnterprise() {
        //查询出所有用户的字段及值
        List<HashMap<String, Object>> list=enterpriseDao.loadEnterprise();
        for (int i=0;i<list.size();i++){
            //判断当前用户是否存放了图片的名称
            if (list.get(i).get("businessCredit")!=null) {
                //是,则将图片的存放路径+图片名,放入到hashMap集合中,传入前端
                String path = "../static/images/" + list.get(i).get("businessCredit");
                list.get(i).put("image",path);
            }
        }
<a href="#myModal" role="button" data-toggle="modal" onclick="getImage('<%=map.get("image")%>')">

<img src="" width="300" height="200" alt="" id="images">

function getImage(image) {
      //通过标签的id来设置图片的src为后台传来的路径
            document.getElementById('images').src = image;
        }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,992评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,558评论 25 708
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,975评论 2 59
  • 团练作业四,主题清凉。 穿得凉爽,也算清凉吧(๑>؂<๑),网上找了个穿着比较凉爽的美少女,额,我也不知道她是谁,...
    小小珊_3阅读 713评论 16 23
  • 问题引入:有两个字典,找出它们之间相同的地方 通过差并交运算来创建一个新的字典: 总结:1、字典的keys()方法...
    cook__阅读 790评论 0 0