Image output from database - php

Question

Im learn php,try develops a little blog for myself. I have a problem.When I pull information from the database, everything is displayed except the picture. In code i try save picture in img folder, there is an addition to the database, but there is no saving to the folder.And this is probably why there is no image output.
I ask for help. Sorry for my English. Thanks!
//AddPost
<?php
session_start();
require_once '../DB.php';
if($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['button-post'])) {
$error ='';
if (!empty($_FILES['img']['name'])){
$img = time() . "_" . $_FILES['img']['name'];
$fileTmpName = $_FILES['img']['tmp_name'];
$fileType = $_FILES['img']['type'];
$destination = "../img/" . $img;
if (strpos($fileType, 'image') === false) {
$error = "The uploaded file is not an image!!";
}else{
$result = move_uploaded_file($fileTmpName, $destination);
if ($result){
$_POST['img'] =$img ;
// tt( $img);
}else{
$error = " Error uploading image to server";
}
}
}else{
$error= "Error getting picture";
}
$title = trim( $_POST['title']);
$texton = trim( $_POST['texton']);
if (strlen($title) <= 2 ) {
$error = '';
}
elseif (strlen($texton)<= 5 ) {
$error = '';
}
else {
$sql = "INSERT INTO `posts`(`title`, `texton`, `img`) VALUES(?,?,?)";
$query = $connect->prepare($sql);
$query->execute([$title,$texton,$img]);
}
}
//index
<?php
require_once 'DB.php';
$sql = "SELECT * FROM `posts` ORDER BY`id`DESC";
$query = $connect->query($sql);
while ($row = $query->fetch(PDO::FETCH_OBJ)):
?>
<div class="titlePost col-12 col-md-9">
<h2>
<?=$row->title;?>
</h2>
<div class="imgPost col-12 col-md-4">
<img src="/img .<?= $row->img?>;" alt="postik">
</div>
<p> <?=$row->texton;?></p>
</div>
<?php endwhile; ?>
<form action="addPost_form.php" method="post" class="row justify-content-center">
<h2>Add Post</h2>
<div class="mb-3 col-12 col-md-4 err">
<p><?=$error?></p>
</div>
<div class="w-100"></div>
<div class="mb-3 col-12 col-md-6">
<label for="title">Title</label>
<input type="text" name="title" id="title" class="form-control">
</div>
<div class="w-100"></div>
<div class="mb-3 col-12 col-md-8">
<label for="texton">Сontent</label>
<textarea type="text" name="texton" id="texton" class="form-control" ></textarea>
</div>
<div class="w-100"></div>
<div class="mb-3 col-12 col-md-4">
<input name="img" enctype='multipart/form-data' type="file" class="form-control" id="img">
</div>
<div class="w-100"></div>
<div class="mb-3 col-12 col-md-4">
</div>
<div class="w-100"></div>
<div class="mb-3 col-12 col-md-4">
<button type="submit" class="btn btn-secondary" name="button-post">Add</button>
</div>
</form>

Answer 1

You don't need to use ../img; instead of just using /img, it will point out your root directory then the img folder. Another thing make sure $imgName has the image extension. If not, then concatenate the image extension with it. And it would be best if you stored the image extension on the database to read the image successfully. If image src directly does not print the image name and extension, you can store it separate variable, for example, $image = $imgName.'.'.$imgExt in this way.