Загрузка картинок на сайт, добавление в БД и вывод её из БД

@Likeri · Регистрация: 14.12.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте. Мне нужно что б картинка загружалась на сервер, путь к ней записывался в БД, а потом в index.php происходил вывод картинок.
У меня происходит загрузка на сервер и вывод картинок сразу с папки на сервере, то есть БД не задействованы. Код написан не мной, взят с форумов...так как я в php не силен, а тем более не знаю как работать с БД. Помогите пожалуйста мне с проблемой.

Файл index.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body> 
<form action="upload.php" method="POST" enctype="multipart/form-data"> 
<input type="file" name="file"> 
<input type="submit" name="doUpload" value="Закачать новую фотографию"> 
<hr> 
</form> 
 
 
<?
$handler = opendir("img");
        // начинаем цыкл по папке, проходим по всем файлам в папке
        while (false !== ($photo = readdir($handler))) {
        //избавляемя от не фоток в этой папке (эта хрень по умолчанию там есть), чтобы выводились только файлы (т.е фотки)      
            if ($photo !== "." && $photo !== ".." && $photo !== "Thumbs.db") {
                         // выводим в браузер
                print_r ("<img src = 'img/$photo' border = 0  />");
 
            }
        }
// закрываем папку
        closedir($handler);
 
?>
 
</body>

Файл upload.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php 
 
// Простейший фотоальбом с возможностью закачки 
 
$imgDir = dirname(__FILE__)."/img/";        // каталог для хранения изображений 
 [MENTION=269947]mk[/MENTION]dir($imgDir, 0777);  // создаем, если его еще нет 
 
// Проверяем, нажата ли кнопка добавления фотографии. 
if (@$_REQUEST['doUpload']) { 
  $data = $_FILES['file']; 
  $tmp = $data['tmp_name']; 
  // Проверяем, принят ли файл. 
  if (@file_exists($tmp)) { 
    $info = [MENTION=72853]Get[/MENTION]imagesize($_FILES['file']['tmp_name']); 
    // Проверяем, является ли файл изображением. 
    if (preg_match('{image/(.*)}is', $info['mime'], $p)) { 
      // Имя берем равным текущему времени в секундах, а 
      // расширение - как часть MIME-типа после "image/". 
      $name = "$imgDir/".time().".".$p[1]; 
      // Добавляем файл в каталог с фотографиями. 
      move_uploaded_file($tmp, $name); 
    } else { 
      echo "<h2>Попытка добавить файл недопустимого формата!</h2>"; 
    } 
  } else { 
    echo "<h2>Ошибка закачки #{$data['error']}!</h2>"; 
  } 
} 
?>

@irakli_madrid · 23.10.2012, 16:33

Привет!

в файле "upload.php" после строки

PHP
1
move_uploaded_file($tmp, $name);

добавь:

PHP
1
mysql_query("UPDATE `yourTable` SET `path`='$yourPath', `name` = '$yourImgName' WHERE `id`='$yourImgId'") or die(mysql_error());

где:
yourTable - название таблицы,
$yourPath - путь к изображении.
$yourImgName - название изображении.
$yourImgId - идентификатор изображении (1/6).

А в "index.php" добавляешь:

PHP
1
2
3
4
5
6
7
8
<?php
 
    $result = mysql_query("SELECT `path` FROM `yourTable`") or die(mysql_error());
    while ($myImage = mysql_fetch_array($result)) {
        echo "<img src='$myImage[path]/$myImage[name].jpg' />";
    }
    
?>

Добавлено через 15 минут
а, и еще, забыл видимо:
в индексе надо запросить также и имя (name)

SQL
1
SELECT `path`,`name`  FROM `yourTable`

@serwers-program · 20.05.2014, 17:56

а можно по конкретней куда вставить ту стоку

@irakli_madrid · 21.05.2014, 14:24

Какую именно? Последную?

Акцент был сделан на добавление адреса для изображении в запросе, а не в местонахождение самого запроса.
Все зависит от программиста, главное ставить его до вывода рисунок, чтобы имелись нужные данные.

Ну, если покапаться немного глубже, то хранение адресов в бд не лучшее решение.
Лучше ставить его в самом шаблоне.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@serwers-program 1 / 1 / 0 Регистрация: 13.04.2014 Сообщений: 36
	20.05.2014, 17:56
	а можно по конкретней куда вставить ту стоку 0

@irakli_madrid 11 / 10 / 2 Регистрация: 23.10.2012 Сообщений: 42
	21.05.2014, 14:24
	Какую именно? Последную? Акцент был сделан на добавление адреса для изображении в запросе, а не в местонахождение самого запроса. Все зависит от программиста, главное ставить его до вывода рисунок, чтобы имелись нужные данные. Ну, если покапаться немного глубже, то хранение адресов в бд не лучшее решение. Лучше ставить его в самом шаблоне. 0