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

最新推荐文章于 2022-10-27 16:21:39 发布

sapce666

最新推荐文章于 2022-10-27 16:21:39 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：自学暑假时光文章标签： select 头像图片

本文链接：https://blog.youkuaiyun.com/bark_ice/article/details/84616735

自学同时被 2 个专栏收录

24 篇文章

订阅专栏

暑假时光

12 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 控制页面上多个图片显示的方法。通过选择器改变当前显示的图片，同时隐藏其他备选图片。文章还展示了如何利用 HTML 和 JSP 片段设置初始图片及选择器选项。

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

1.javascript中写函数

<script type="text/javascript">
	function ShowImage(page, tag) {
		var i = 1;
		var e;
		var a;
		while (e = document.getElementById(tag + i)) {
			a = "image/" + i + ".jpg";
			if (a == page)
				e.style.display = 'block';
			else
				e.style.display = 'none';
			i++;
		}
	}
</script>

2.在body里面写HTML代码

<%String i = "image/3.jpg";%>
<%String j = "image/2.jpg";%>
<%String k = "image/1.jpg";%>
<tr>
	<td>头像：</td>
	<td align="left">
	<div style="display: block" id="image1">
	<img src=<%=j%> width="70" height="77" />
	</div>
	<div style="display: none" id="image2">
	<img src=<%=k%> width="70" height="77" />
	</div>
	<div style="display: none" id="image3">
	<img src=<%=i%> width="70" height="77" />
	</div>
	</td>
	<td><select name="head" onchange="ShowImage(this.value, 'image');">
	<option selected="selected" value=<%=i%>>头像一 </option>
		<option value=<%=j%>>头像二</option>
		<option value=<%=k%>>头像三</option>
	</select></td>
	</tr>

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