您的位置:首页 > 编程语言 > PHP开发

HTML提交表单用户选择的头像如何利用<select>标签提交到PHP并连接数据库进行存读操作

2017-12-24 14:54 1191 查看
register.html(注册页面)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="enteringDb.php" method="post">
<table border="1">
<tr><th colspan="2">注册页面</th></tr>
<tr><td>请选择用户头像</td>
<td>
<select name="icon[]" onchange="document.images['idface'].src=options[selectedIndex].value;">
<!--此处用 image/one.jpg 而不用 image\one.jpg  因为在php中  \ 是转义符-->
<option value="image/one.jpg"  selected>头像一</option>
<option value="image/two.jpg">头像二</option>
<option value="image/three.jpg">头像三</option>
</select>
<div style="float: right;padding-right: 100px;"><img src="image/one.jpg" id="idface" height="60px" width="60px" border="1px solid red"></div>
<br/><br/><br/>
</td>
</tr>
<tr><td>
<input type="submit" name="submit" value="提交"/>
<input type="reset" value="重置"/>
</td></tr>
</table>
</form>
</body>
</html>
enteringDb.php(存入数据库)
<?phpfunction connectDb(){$link = mysqli_connect("localhost", "root", "");if ($link) {//echo "数据库连接成功!".'<br/>';mysqli_select_db($link, 'mydb');//选择要访问的数据库mysqli_query($link, "SET NAMES 'utf8'");//在选择数据库表前,防止中文在浏览器中查看乱码} else {echo mysqli_error($link);}return $link;}$link=connectDb();//把从注册页面接收到的值转化为字符串,方便数据库操作$icon_arr = array();$icon_arr=$_POST['icon'];$icon=implode('',$icon_arr);mysqli_query($link,"INSERT INTO users (icon) VALUES ('$icon'");?>
result.php(从数据库中读出)
<?phpfunction connectDb(){$link = mysqli_connect("localhost", "root", "");if ($link) {//echo "数据库连接成功!".'<br/>';mysqli_select_db($link, 'mydb');//选择要访问的数据库mysqli_query($link, "SET NAMES 'utf8'");//在选择数据库表前,防止中文在浏览器中查看乱码} else {echo mysqli_error($link);}return $link;}$link = connectDb();$result = mysqli_query($link, "SELECT * FROM users");$dataCount = mysqli_num_rows($result);//返回指定数据库表中数据的行数echo "<table style=' text-align: center' border='2'><tr><th>头像</th></tr>";for ($i = 0; $i < $dataCount; $i++) {$result_arr = mysqli_fetch_assoc($result);//返回表中每条数据的具体内容$icon=$result_arr['icon'];echo "<tr>"?><td><img src='<?php echo $icon ?>' height="60px" width="60px" border="1px solid red"></td><?php echo "</tr>";}echo "</table>";?>
效果图:
总结:此方法就是把注册页面的图片地址作为选中值(此时是数组)转化为字符串上传到数据库,读取时从数据库中读出图片的地址利用HTML标签再进行显示。
注意:详见代码注释。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐