Загрузка изображения в БД с использованием PHP (пример скрипта)
Добавить в избранное
Шаг 1: Создайте index.php
Прежде всего, создайте файл index.php и вставьте приведенный ниже HTML-код в свой файл index.php.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function() {
$(".upload-image").click(function(){
$(".form-horizontal").ajaxForm({target: '.preview'}).submit();
});
});
</script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">загрузка изображения</a>
</div>
</div>
</nav>
<div class="container">
<form action="upload-image.php" enctype="multipart/form-data" class="form-horizontal" method="post">
<div class="preview"></div>
<input type="file" name="image" class="form-control" style="width:30%" />
<button class="btn btn-primary upload-image">Сохранить</button>
</form>
</div>
</body>
</html>
<html>
<head>
<title>Document</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function() {
$(".upload-image").click(function(){
$(".form-horizontal").ajaxForm({target: '.preview'}).submit();
});
});
</script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">загрузка изображения</a>
</div>
</div>
</nav>
<div class="container">
<form action="upload-image.php" enctype="multipart/form-data" class="form-horizontal" method="post">
<div class="preview"></div>
<input type="file" name="image" class="form-control" style="width:30%" />
<button class="btn btn-primary upload-image">Сохранить</button>
</form>
</div>
</body>
</html>
Шаг 2: Создайте config.php
На этом этапе создайте файл с именем config.php и вставьте приведенный ниже код в свой файл.
<?php
$servername = 'localhost';
$username = 'root';
$password = 'root';
$dbname = "bd";
$conn = mysqli_connect($servername, $username, $password, "$dbname");
if (!$conn) {
die('Could not Connect MySql Server:' .mysql_error());
}
?>
$servername = 'localhost';
$username = 'root';
$password = 'root';
$dbname = "bd";
$conn = mysqli_connect($servername, $username, $password, "$dbname");
if (!$conn) {
die('Could not Connect MySql Server:' .mysql_error());
}
?>
Шаг 3: Создайте файл upload-image.php
создайте новый файл с именем upload-image.php и вставьте приведенный ниже код в файл.
<?php
require_once "config.php";
if(isset($_POST) && !empty($_FILES['image']['name'])){
$image = $_FILES['image']['name'];
list($txt, $ext) = explode(".", $image);
$image_name = time().".".$ext;
$tmp = $_FILES['image']['tmp_name'];
if(move_uploaded_file($tmp, 'upload/'.$image_name)){
mysqli_query($conn,"INSERT INTO users (image) VALUES ('".$image_name."')");
echo "<img width='200px' src='upload/".$image_name."' class='preview'>";
}else{
echo "загрузка изображения не удалась";
}
}
?>
require_once "config.php";
if(isset($_POST) && !empty($_FILES['image']['name'])){
$image = $_FILES['image']['name'];
list($txt, $ext) = explode(".", $image);
$image_name = time().".".$ext;
$tmp = $_FILES['image']['tmp_name'];
if(move_uploaded_file($tmp, 'upload/'.$image_name)){
mysqli_query($conn,"INSERT INTO users (image) VALUES ('".$image_name."')");
echo "<img width='200px' src='upload/".$image_name."' class='preview'>";
}else{
echo "загрузка изображения не удалась";
}
}
?>
создайте папку для загрузки файла "upload".