请教一个JS的小问题

[daviddivad]

想在JSP页面显示几张图片，图片保存的服务端路径和图片名称已经从数据库获取到了，现在要根据路径和名称，在页面的位置上把图片显示出来，要怎么做？我想通过JS代码来实现

[csucaicai]

先做好布局<img src='' /> 获取之后动态设置src就可以 $('selector').src='urls';

[HerveyHall]

把路径和名称放到一个json对象里，然后循环遍历这个json对象并生成多个<img/>

[caogang_90]

后台组装好url,前台在循环遍历~~~~

[qq_34387666]

el表达式循环

[疯一样的码农]

var imgArr;
for(var i = 0; i < num; i++){
    imgInfo = imgArr[i];
    $("#div-id").append("<img src='" + imgInfo.url + "' alt="" + imgInfo.name + "'/>");
}

[解开者]

用模板遍历的方式好一些，比拼接html更容易控制css样式，可读性也更好。 如果不需要异步请求，通过MVC用EL表达式取值的写法较好。

<c:forEach items="${sources}" var="src">
	<img src="${src}" />
</c:forEach>

sources传递图片URL的列表 模板标签本身不产生html，不影响页面布局，可以灵活使用。

[daviddivad]

可是，可能有多张图片

[usecf]

获去到后台的图片个数 在前端循环动态增加显示的图片

[我纯洁全身都纯洁]

$("#id").html("<img src="路径'/>");
或者
$("#id").append("<img src="路径'/>");

[c173甘甘]

根据id放到一个容器 jQuery $(function(){ $("#xxx").html("<img src='ip路径+文件名'/>"); }); 或者直接doucument.write('<img src='ttt.jpg'/>')