1.3w+
社区成员
求助，如何在jsp中通过点击小图片显示大图片
在网站和网页中找了不少，但是都是要获得图片的绝对路径，可是我现在获取不了绝对路径。因为路劲是从后台直接获取的。所以不太清楚应该怎么弄了，特来求助。希望能详细一点。
<div class="fitem_rz" style="text-align:center">
<img id="sfzimg" alt="" height="150px" width="180px" title="本人照片" >
<img id="sfzzimg" alt="" height="150px" width="180px" title="身份证正面照片">
<img id="sfzfimg" alt="" height="150px" width="180px" title="身份证反面照片">
</div>
获取了这三张照片并且可以显示在页面中，但是因为限定了大小，所以不能显示，在线等。。挺急的。。。求大神过来帮助一下。我是小白，不想失去这工作。跪求答案，谢谢！
<div class="fitem_rz" style="text-align:center">
<img id="sfzimg" alt="" height="150px" width="180px" title="本人照片" >
<img id="sfzzimg" alt="" height="150px" width="180px" title="身份证正面照片">
<img id="sfzfimg" alt="" height="150px" width="180px" title="身份证反面照片">
</div>
获取了这三张照片并且可以显示在页面中，但是因为限定了大小，所以不能显示，在线等。。挺急的。。。求大神过来帮助一下。我是小白，不想失去这工作。跪求答案，谢谢！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
蓝莓之恋9527 2015-10-20
lz解决了吗
Kerbros 2015-09-22
其实事情不难，我只是想获得一下图片的路径。那么一切都迎刃而解。可是路径我却无法获得。
function audit() {
var rows = $('#rzgltable').datagrid('getSelections');
if(rows.length > 0){
if(rows.length == 1) {
var row = rows[0];
$("#ltrzglExamineForm").form('clear');
if(row.lczt == "0" || row.lczt == "3" || row.lczt == "9" || row.lczt == "13"){
$('#ltrzid').val(row.id);
/* $("#ltrzglExamineForm").form('load','${ctx}/ltygjcxx/byRZDtoJcxxid/'+row.id); */
$("#ltrzglExamineForm").form('load','${ctx}/ltygjcxx/byRZDtoJcxx2id/0/'+row.id);
$.post('${ctx}/ltygjcxx/byRZDtoJcxxid/0/'+row.id,function(result){
$("#ltrzglExamineForm").form('load', result);
$("#sfzimg").attr('src','${ctx}'+result.zczp);
$("#sfzzimg").attr('src','${ctx}'+result.sfzz);
$("#sfzfimg").attr('src','${ctx}'+result.sfzf);
if(row.lczt == "9"||row.lczt == "13"){
$('#zpdiv').show();
/* alert(result.rzsfzzpdz); */
$("#sfzimg11").attr('src','${ctx}'+result.rzsfzzpdz);
$("#sfzzimg11").attr('src','${ctx}'+result.rzhtzpdz);
$("#sfzfimg11").attr('src','${ctx}'+result.rzxxzpdz);
}else{
$('#zpdiv').hide();
}
if(row.lczt == "9"||row.lczt == "13"){
$('#spdiv').show();
$("#rzspdz").attr('src','${ctx}'+result.rzspdz);
}else{
$('#spdiv').hide();
}
/* alert('${ctx}'+'static/bin/upload/152625198909171022RZ.mp4'); */
},'json');
$("#ltrzglExamineForm").form('load','${ctx}/ltrz/byid/'+row.id);
$('#ltrzglExamineDlg').dialog('open').dialog('setTitle', '审核');
}
else{
$.messager.show({
title: 'Error',
msg: '该入职记录已审核或不为符合要求待审核记录！'
});
}
}else{
for(var i = 0;i < rows.length; i++){
if(rows[i].lczt != "0" && rows[i].lczt != "3" && rows[i].lczt != "9" && rows[i].lczt != "13"){
$.messager.show({
title: 'Error',
msg: '已选记录包含不符合条件的入职记录，请重新选择！'
});
return;
}
}
之前的路径不是我做的。所以我不知道怎么获取路径！！！
bichir 2015-09-22
因为没绝对路径，是没法显示图片的,所以必须绝对路径。
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
在jsp默认里有这一段代码就可以获取到网站的前部份，如果你的图片存在项目的/webRoot/image/xxx.jpg
则:
<img src="<%=basePath%>/image/xxx.jpg">就能显示了
Android面试准备复习之Android知识点大扫描 该技术包括TD-LTE和FDD-LTE两种制式（严格意义上来讲，LTE只是3.9G，尽管被宣传为4G无线标准，但它其实并未被3GPP认可为国际电信联盟所描述的下一代无线通讯标准IMT-Advanced，因此在严格意义上其还未达到4G的标准。...
ofbiz 中文文档 如何避免将商业逻辑混淆于一般的流程控制中？作为企业信息系统， 就需要考虑很多类似的问题。 源源不断的客户新需求, 要进行功能修改和扩充, 但是因为程序的高耦合，改动将变得非常困难，导致项目成本何风险...
ofbiz中文文档 如何避免将商业逻辑混淆于一般的流程控制中？作为企业信息系统， 就需要考虑很多类似的问题。 源源不断的客户新需求, 要进行功能修改和扩充, 但是因为程序的高耦合，改动将变得非常困难，导致项目成本何风险...
Android面试准备复习之Android知识点大扫描 . R.java在应用中起到了字典的作用，它包含了界面、图标、常量等各种资源的id，通过R.java，应用可以很方便地找到对应资源。另外编绎器也会检查R.java列表中的资源是否被使用到，没有被使用到的资源不会编绎进软件中，...
Android知识点大扫描 Android知识点大扫描什么是3G3G，全称为3rd Generation，中文含义就是指第三代数字通信。所谓3G，是指将无线通信与国际互联网等多媒体通信结合的新一代移动通信系统。 3G只是一种通信技术标准，符合这个标准的技术有...
Android常见知识点 R.java在应用中起到了字典的作用，它包含了界面、图标、常量等各种资源的id，通过R.java，应用可以很方便地找到对应资源。另外编绎器也会检查R.java列表中的资源是否被使用到，没有被使用到的资源不会编绎进软件中，...
android 知识点大全 面试 3G，全称为3rd Generation，中文含义就是指第三代数字通信。...中国联通使用的是WCDMA（世界上大部分 3G网络都采用的是该标准） ；中国电信使用的是CDMA2000 （日、韩和北美使用）；中国移动使用的是具
android----面试基础概括总结 3G，全称为3rd Generation，中文含义就是指第三代数字通信。...中国联通使用的是WCDMA（世界上大部分 3G网络都采用的是该标准） ；中国电信使用的是CDMA2000 （日、韩和北美使用）；中国移动使用的是具
