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标签再进行显示。
注意:详见代码注释。
相关文章推荐
- PHP如何实现表单提交时用户上传头像到数据库并读出显示
- php操作mysql获取html标签<select>下拉列表数据
- php如何处理html5表单<input type="file" multiple />提交的多个文
- 利用Jsoup解析html,如何得到<img>标签的位置
- HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- HTML中<form>表单利用 post 提交与利用 get 提交时的区别
- 【HTML】表单中<input>标签、组件格式化、表单提交方式、浏览器服务端交互方式
- HTML <select> 标签
- php用户注册页面利用js进行表单验证
- <button>标签灵异事件原因,异常提交,自动提交表单
- 将数据库常用的操作(连接数据库,获得所有数据,获得一条记录,获得一列记录,获得一条索引数组,获得一条关联数组)都给封装到db.class.php里面,谁需要谁继承这个类 注意:提交封装的类文件
- <转>如何利用socket进行HTTP访问
- php用户注册页面利用js进行表单验证具体实例
- 利用dbcp数据库连接池连接数据库,并利用dbtuils框架对数据库test中book表进行插入、删除、修改、查询的操作。book表结构如下:(id,name,price,author,descrip
- 利用dbcp数据库连接池连接数据库,并利用dbtuils框架对数据库test中book表进行插入、删除、修改、查询的操作。
- Struts2 <s:token/>标签 防止表单多次提交
- php的CodeIgniter框架中如何过滤数据(将危险数据如html类型的数据过滤后提交到数据库)
- 在html中如何通过标签<a></a>直接跳到指定的位置