如何在图像上创建删除按钮并添加其功能

xvw2m8pv 于 2021-06-25 发布在 Mysql

关注(0)|答案(1)|浏览(304)

我对编码比较熟悉，所以我需要你的帮助。我希望你能帮助我。
我创建了一个数据库，从数据库中检索图像到php文件，当我尝试添加delete按钮时出现了一个错误，该按钮将从数据库中删除图像。下面是我的代码，请帮助我添加删除按钮及其功能：

<section class="content">
     <div class="container-fluid">
       <div class="gallery">

          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <div class="card">
                <div class="header">
                    <h2>
                        GALLERY
   <!--<small>All pictures taken from <a href="https://unsplash.com/" target="_blank">unsplash.com</a></small>-->
                     </h2>
                       <hr/>

    <div class="body">
          <div id="aniimated-thumbnials" class="list-unstyled row clearfix">

            <?php
            //Include database configuration file
            include('db_upload_dashboard.php');

            //get images from database
            $query = $db->query("SELECT * FROM upload_img ORDER BY uploaded_on DESC");

            if($query->num_rows > 0){
                while($row = $query->fetch_assoc()){

                    $imageThumbURL = 'images/thumb/'.$row["file_name"];
                    $imageURL = 'images/'.$row["file_name"];
            ?>

//请帮我在这里添加删除按钮

<button id="delete"> Delete
                    <a href="<?php echo $imageURL; ?>"  data-fancybox="group" data-caption="<?php echo $row["title"]; ?>" >
                        <img src="<?php echo $imageThumbURL; ?>" alt="" />
                    </a>
         </button>
                <?php }
                } ?>
                        </div>
                    </div>
                </div>
             </div>
         </div>
     </div>
 </div>
</section>

mysql JSON php

来源：https://stackoverflow.com/questions/48166223/how-to-create-delete-button-on-image-and-add-its-functionality

1条答案

按热度按时间

gojuced71#

html禁止在按钮内部嵌套链接。
从写有效的，语义的html开始，它表达了你的意思。
您想发出更改数据库的http请求。这意味着你需要一个post请求。那意味着你需要一张表格。从这里开始。

<form method="POST" action="/delete-image.php">

</form>

你需要一个按钮来触发动作。

<form method="POST" action="/delete-image.php">
    <button>Delete</button> <!-- submit is the default type of button -->
</form>

您需要传递描述要删除哪个图像的数据：

<form method="POST" action="/delete-image.php">
    <button name="delete" value="<?php echo htmlspecialchars($row['id']); ?>">
        Delete
    </button>
</form>

要在按钮中显示图像吗

<form method="POST" action="/delete-image.php">
    <button name="delete" value="<?php echo htmlspecialchars($row['id']); ?>">
        <img src="<?php echo htmlspecialchars($imageThumbURL)" alt="">
    </button>
</form>

然后您需要在提交表单时将其从数据库中删除：

<?php
    if (!isset($_POST['delete'])) {
        show_an_error();
        exit();
    }
    $row_id_to_delete = $_POST['delete'];
    # Database query code left as an exercise to the reader

赞(0）回复(0）举报 2021-06-25

我来回答

如何在图像上创建删除按钮并添加其功能

1条答案

相关问题

热门标签

最新问答