将数据从模态插入数据库

时间:2017-04-17 19:58:51

标签: javascript php html button modal-dialog

当我点击"添加"我想在弹出窗口中显示一个表单。按钮。所以我使用模态来显示PHP表单,但是当我尝试将插入表单的数据保存到数据库中时,它不起作用。当我点击保存时,会出现一个奇怪的URL:

... / pembelitkatakutest.php图像= 025pikachu_xy_anime_3.png&安培;保存=

我不确定,但我认为网址不应该包含" image = 025pikachu_xy_anime_3.png&"部分。

我的代码如下:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Add Tongue Twister</button><br><br><br>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title" id="myModalLabel">Add Tongue Twister</h4>
  </div>
  <div class="modal-body">
    <form method = "POST">
        <div class="form-group">
            <label for="usr">Please Choose a Picture:</label>
            <input type="file" name="image">
            <script type="text/javascript">
            $(document).ready(function() {
            $(window).keydown(function(event){
            if(event.keyCode == 13) {
            event.preventDefault();
            return false;
            }
            });
            });
            </script>
        </div>
        <div class="form-group">
            <label for="pwd">Please write the tongue twister:</label>
            <input type="text" rows = "3" class="form-control">
        </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary" name="save">Save changes</button>
    <?php if(isset($_POST['save']))
    {
      //target folder to keep the media
      $target = "images/".basename($_FILES['image']['name']);

      //get all submitted data from form
      $image = $_FILES['image']['name'];
      $text = $_POST['text'];

      if(!empty($_FILES['image']['name']))
      { 
      $sql = "INSERT INTO pembelitkataku(image, text) VALUES ('$image','$text')";
      mysqli_query($db, $sql);
      }
      else
      {
        $message = "Sila pilih semua fail";
        echo "<script type='text/javascript'>alert('$message');</script>";
      }

      move_uploaded_file($_FILES['image']['tmp_name'], $target); 
    } 
    ?>
  </div>
  </form>
</div>

我可能知道我的代码出了什么问题,我该怎么做才能修复它?

如果有可能,我想避免使用Javascript,因为它很难理解。

谢谢。

1 个答案:

答案 0 :(得分:1)

使用<form method="POST" enctype="multipart/form-data">

因为默认情况下您的代码正在发出GET请求,但您的PHP代码希望收到POST请求。你可以在这行代码中看到它:

if(isset($_POST['save']))