第一次通過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;
}