后臺通過HashMap將圖片傳入前端并顯示

第一次通過HashMap來傳遞圖片,留作參考。

情景分析:
1.數(shù)據(jù)庫中保存的是圖片名稱(帶后綴的圖片名);
2.根據(jù)不同用戶來查找相應的圖片并顯示在前端;

@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;
        }
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評論 25 709
  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,987評論 2 59
  • 團練作業(yè)四,主題清涼。 穿得涼爽,也算清涼吧(?>?<?),網(wǎng)上找了個穿著比較涼爽的美少女,額,我也不知道她是誰,...
    小小珊_3閱讀 738評論 16 23
  • 問題引入:有兩個字典,找出它們之間相同的地方 通過差并交運算來創(chuàng)建一個新的字典: 總結:1、字典的keys()方法...
    cook__閱讀 867評論 0 0

友情鏈接更多精彩內(nèi)容