tomcat下开发JSP显示图像

 

正在写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是显示不出来的~~~~~~】

 

 

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

就到这~~~~~