关于jquery显示图片的问题，图片地址从数据库查出来，返回前台，显示不了图片，代码如下：

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringbp=request.ge... <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String bp = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort();
String path = request.getContextPath();
String jlbh = "";
jlbh = request.getParameter("jlbh");
%>
<script type="text/javascript">
var jlbh ='<%=jlbh%>';
var imph = '<%=path%>';
var bp = '<%=bp%>' ;
var c = bp + basePath;
alert(c);
var params = {jlbh:jlbh};
$jquery.ajax({
type:"POST",
sync:true,
url:contextPath+"/sm/cp/img/selectImg.action",
data:params,
dataType:"json",
success:function(json){
if(json.length>=1){
for(var i=0;i<json.length;i++){
var pathImg =json[i].imgpath;
//var src = bp+"uploadImg/"+pathImg;
var src = bp+basePath+"/uploadImg/"+pathImg;
//$jquery("#show").append(src);
alert("<img src=\""+ src +"\" />");
//$jquery("#show").append("<img width='100px' height='100px' src=\""+ src +"\" />");
$jquery("#show").append("<img width='100px' height='100px' src=\""+ src +"\" />");
}
}
}
});
</script>

</head>
<body>

<center>
<div id ='udDiv'>
<div id="preview">
<img id="imghead" width='200px' height='200px' border=0 src=''/>
</div>
<br/>
<form id='imgForm' enctype="multipart/form-data" method="post">
<input type="file" name="fileName" id="upfile" onchange="previewImage(this)" />
<br/>
<input type="text" id ="jlbh" name ="jlbh" value="<%=jlbh %>" style="display:none"//>
<br/>
<input type="submit" id='tijiao' value="上传图片" style="display:none"/>
<a class="easyui-linkbutton" iconCls="icon-ok"
onclick='submitClick()'>上传</a>
<a class="easyui-linkbutton" iconCls="icon-cancel"
onclick='window.close()'
style="margin-left: 20px; margin-rigth: 50px">关闭</a>
</form>
</div>
<div id ='show' style='display:block'>
</div>
</center>
</body>
</html> 展开

 我来答

2个回答

#合辑# 机票是越早买越便宜吗？

kudick
推荐于2016-06-04 · TA获得超过220个赞

知道答主

回答量：75

采纳率：0%

帮助的人：87.3万

我也去答题访问个人页

关注

展开全部

把javascript部分放到文档底部吧，像上面这样肯定不行的，因为javascript执行的时候，DOM文档还没准备好。如果真要把javascript放头部的话，就放在$(document).ready()里也可以的，就像这样的了：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
		String bp = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort();
		String path = request.getContextPath();
		String jlbh = "";
		jlbh = request.getParameter("jlbh");
%>
<script type="text/javascript">
$(document).ready(function(){
    var jlbh ='<%=jlbh%>';
var imph = '<%=path%>';
var bp =   '<%=bp%>' ;
var c = bp + basePath;
alert(c);
var params = {jlbh:jlbh};
$jquery.ajax({
type:"POST",
sync:true,
url:contextPath+"/sm/cp/img/selectImg.action",
data:params,
dataType:"json",
success:function(json){
if(json.length>=1){
for(var i=0;i<json.length;i++){
var pathImg =json[i].imgpath;
//var src = bp+"uploadImg/"+pathImg;
var src = bp+basePath+"/uploadImg/"+pathImg;
//$jquery("#show").append(src);
alert("<img  src=\""+ src +"\" />");
//$jquery("#show").append("<img  width='100px' height='100px' src=\""+ src +"\" />");
$jquery("#show").append("<img  width='100px' height='100px' src=\""+ src +"\" />");
}
}
}
});
});
</script>
</head>
<body>

<center>
<div id ='udDiv'>
<div id="preview">
    <img id="imghead" width='200px' height='200px' 	 border=0 src=''/>
</div>
    <br/>
    <form   id='imgForm' enctype="multipart/form-data" method="post">     
    <input type="file" name="fileName"  id="upfile" onchange="previewImage(this)" /> 
   <br/>
   <input type="text" id ="jlbh"  name ="jlbh" value="<%=jlbh %>" style="display:none"//>
    <br/>
    <input type="submit" id='tijiao' value="上传图片" style="display:none"/>
   <a class="easyui-linkbutton" iconCls="icon-ok"
							onclick='submitClick()'>上传</a>
   <a class="easyui-linkbutton" iconCls="icon-cancel"
							onclick='window.close()'
							style="margin-left: 20px; margin-rigth: 50px">关闭</a>
    </form>
    </div>
     <div id ='show' style='display:block'>
     </div>
    </center>
</body>
</html>


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

魔镜洞察

广告2024-12-10

魔镜洞察-查品牌，查行业，查销量，查价格，多维度全方位了解行业和竞争对手;为客户提供专业高品质的电商数据分析服务，免费试用

www.mktindex.com

一直很飘逸001
2013-07-04

知道答主

回答量：15

采纳率：0%

帮助的人：4.8万

我也去答题访问个人页

关注

展开全部

哪里有json这个变量啊，是Data把，这参数怎么传 function(JSON){...}
你还是先模拟一个Json数据试下

追问

这个不是你关心的问题啊，用的是ajax，从后台查数据了，我这个已经返回了json格式的数据了啊，是键值对，json[i].imgPath是这个图片地址。

追答

噢！那你返回json串的数据还差一个值，数据的下标值。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

数据库_数据库_法本信息技术实施

法本信息是国内数据库行业专业服务商，为企业提供大数据专业服务及创新性解决方案，拥有成熟的方法论，自主研发产品，经验丰富的团队，帮助客户挖掘自身的核心价值。

www.farben.com.cn广告

实习僧-为你提供2024数据库实习工作机会

2024数据库实习工作机会去那找?就上实习僧，中国专注实习的垂直招聘平台。覆盖36万+企业用户;提供170万+实习岗位，2024找数据库实习就上实习僧。

www.shixiseng.com广告

TDengine-开源，高性能，云原生，极简的时序数据库

专为物联网、工业互联网、金融、IT 运维等场景设计并优化，具有极强的弹性伸缩能力。同时带有内建的缓存、流式计算、数据订阅等系统功能，是一个极简的时序数据处理平台。

www.taosdata.com广告

关于jquery显示图片的问题，图片地址从数据库查出来，返回前台，显示不了图片，代码如下：

您可能关注的内容

其他类似问题

为你推荐：