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

2018-10-24  本文已影响0人  海棠晴yyh

第一次通过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;
        }
上一篇 下一篇

猜你喜欢

热点阅读