头像图片的选择,如何存到数据库

本文介绍如何使用JavaScript编写函数动态展示不同图片,并通过HTML将图片路径传递给servlet,进而将图片路径存储到数据库中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.javascript中写函数

Java代码
  1. <script type="text/javascript">  
  2.     function ShowImage(page, tag) {  
  3.         var i = 1;  
  4.         var e;  
  5.         var a;  
  6.         while (e = document.getElementById(tag + i)) {  
  7.             a = "image/" + i + ".jpg";  
  8.             if (a == page)  
  9.                 e.style.display = 'block';  
  10.             else  
  11.                 e.style.display = 'none';  
  12.             i++;  
  13.         }  
  14.     }  
  15. </script>  

 2.在body里面写HTML代码

Java代码
  1. <%String i = "image/3.jpg";%>  
  2. <%String j = "image/2.jpg";%>  
  3. <%String k = "image/1.jpg";%>  
  4. <tr>  
  5.     <td>头像:</td>  
  6.     <td align="left">  
  7.     <div style="display: block" id="image1">  
  8.     <img src=<%=j%> width="70" height="77" />  
  9.     </div>  
  10.     <div style="display: none" id="image2">  
  11.     <img src=<%=k%> width="70" height="77" />  
  12.     </div>  
  13.     <div style="display: none" id="image3">  
  14.     <img src=<%=i%> width="70" height="77" />  
  15.     </div>  
  16.     </td>  
  17.     <td><select name="head" onchange="ShowImage(this.value, 'image');">  
  18.     <option selected="selected" value=<%=i%>>头像一 </option>  
  19.         <option value=<%=j%>>头像二</option>  
  20.         <option value=<%=k%>>头像三</option>  
  21.     </select></td>  
  22.     </tr>  

    完成这些,就可以图片的路径传个servlet,servlet再存到数据库中,

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值