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

最新推荐文章于 2023-08-02 08:52:53 发布

ganckun

最新推荐文章于 2023-08-02 08:52:53 发布

阅读量1.6k

点赞数 2

分类专栏： PHP MySQL 文章标签： html php 数据库 select 表单

本文链接：https://blog.csdn.net/mangck/article/details/78885078

版权

MySQL 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

PHP

4 篇文章 0 订阅

订阅专栏

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[]" οnchange="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(存入数据库)

<?php
function 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(从数据库中读出)

<?php
function 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标签再进行显示。

注意：详见代码注释。

ganckun

关注

2
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
HTML提交表单用户选择的头像如何利用<select>标签提交到PHP并连接数据库进行存读操作

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

扫一扫

专栏目录

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

“相关推荐”对你有帮助么？