php - 使用 jquery 和 php 将数据与上传图像一起保存到 mysql

Question

这是我第一次来这里。

我目前正在创建一个表单，用于将数据字符串插入 mysql 数据库并一起上传图像。图片名称必须保存在 mysql 数据库中，文件必须移动到一个文件夹，我们将其命名为“image/”文件夹。

我使用 jquery 来插入数据。下面是我试过的一段代码:

表格:

<form enctype="multipart/form-data" method="post" action="" id="formBerita">
<div>
 Title:
    <div><input type="text" id="title" name="the_title" placeholder="Your title here..." autocomplete="off"></div>
</div>
<div>
 Content :
    <div><textarea id="content" name="the_content"></textarea></div>
</div>
<div>
<input type="hidden" name="max_size" value="300000">
Image:
<div><input id="img" name="the_img" type="file" /></div>
</div>
<div>
  <input type="button" id="btnSave" value="Save">
</div>

用于插入的 jQuery:

<script>
$(document).ready(function(){
  $('#btnSave').on('click', function(){
    var title = $("#title").val();
    var content = $("#content").val();
    var img = $("#img").val();
    var dataContent = 'title='+title+'&content='+content+"&img="+img;
    if(!title){
        alert("You must fill the title!");
          $("#title").focus();
    }
    else {
        $.ajax({
            type: "post",
            url: 'includes/saveContent.php',
            data: dataContent,
            beforeSend: function() {
                respon.contentColumn.append(respon.loader);   //just loader before saving the data
            },
            success: function(datas) {
                respon.contentColumn.find(respon.loader).remove();
            }
        });
    }
  });
});

</script>

saveContent.php 文件:

<?php

$title = $_POST['title'];
$content  = $_POST['content'];
$img  = $_POST['img'];

$query = "INSERT INTO tbl_content VALUES('','$title','$content','$img')";
mysql_query($query);

?>

到目前为止，上面的代码运行良好。但是，我仍然对如何使用 jQuery 和 PHP 将图像文件上传和移动到某个目录或文件夹感到困惑。

众所周知，一般在php中我们使用:

move_uploaded_file($tempNama=$_FILES['fileName']['tmp_name'], $fileDestination);

用于将图像文件移动到目标文件夹。

那么，问题是:我应该添加什么来完成我的代码，以便可以上传图像文件并将其移动到目标目录？

Answer 1

使用这个。

 $targetDir = "D:\image_uploads";
    if(is_array($_FILES)) {
       if(is_uploaded_file($_FILES['img']['tmp_name'])) {
          if(move_uploaded_file($_FILES['img']['tmp_name'],"$targetDir/".$_FILES['img']['name'])) 
          {
             echo "File uploaded successfully";
          }
       }
    }