您的位置:首页 > 运维架构 > Tomcat

tomcat下开发JSP显示图像

2009-03-29 00:45 239 查看
正在写BBS,扩增功能中~~~~

今天用到了显示图像,【用户头像】所以写下~~~~

存图片的思想:

在数据库中建立一个varchar类型的image,仅存储图片名

需要显示时,根据图片名到相关目录下查找

上传图片也是一样

1.建一个文件夹【images】,准备8张头像【JPG格式】命名为1到8

2.把images放到工程的WobRoot下

3.正式使用:

<tr><td>头像</td><td>
<select name=img size=1 onchange="image()">
<option selected="selected">1</option>
<option > 2</option>
<option > 3</option>
<option > 4</option>
<option > 5</option>
<option > 6</option>
<option > 7</option>
<option > 8</option>
</select>
<img name="head" src="images/1.JPG" width="60" height="60">

【后缀名一定要大写,否则显示不出来】

然后是根据选择的值动态改变头像,加入javascript

<script>

function image()
{
var o = document.register.img;
for(i=0;i<o.options.length;i++){
if(o.options[i].selected)
{
//alert(o.options[i].text)
register.head.src="images/"+o.options[i].text+".JPG";

}

}

</script>

这样,就可以根据用户选择显示图片

根据数据库取出的值进行显示

<img name="head" src="images/<%=ima %>.JPG" onload="javascript:loadima()" width="120" height="120">

【注意构造路径的形式,如果用string+string是显示不出来的~~~~~~】

至于上传图片,还没有做~~到时补充吧

就到这~~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: